Trung tâm cá nhân
sách gpt4 ai đã đi

html - 内容/页脚的宽度小于浏览器宽度

In lại 作者：行者123 更新时间：2023-11-28 11:07:15 32 4
mua khóa gpt4 Nike

相关页面位于 www.codykrauskopf.com/circus

如果您查看我页面的右侧，在半透明容器和浏览器窗口边缘之间有一个间隙。我看了看，出于某种原因，wrap、main、content 和 footer 都停止了。我已经将 html、body、main、content、wrap 和 footer 的宽度全部设置为 100%，但没有成功。 

html, body {height: 100%;
width:100%;
margin:0;
padding:0;
overflow:auto;
}

#wrap {
width:100%;}
/* Circus.html content*/
#circusContent{
margin-left:100px;

}

P{
font-family:georgia;
}

div.topButtons{
display:inline-block;
margin-top:15px;
line-height:50px;
text-align:center;
vertical-align:middle;
width:130px;
background: rgb(166, 166, 166); /* The Fallback */
background: rgba(166, 166, 166, .5); 
}
#leftTopButton{
margin-left:75px;
}
a.forms{
text-decoration:underline;
}

div.topButtons:hover{
background: rgb(100, 0, 0); /* The Fallback */
background: rgba(0, 0, 0, 1); 
}

#circusParagraph{

color:white;
font-size:14px;
text-align:center;
margin-left:125px;
margin-top:25px;
}

#content{
position:relative;

margin-left:22.513089005%;

margin-bottom:-35px;
width:77.486910998%;

background: rgb(0, 0, 0); /* The Fallback */
background: rgba(0, 0, 0, 0.5); 
}

#main,
#wrap,
#content,
#circusContent{
height:100%;

}

1 Câu trả lời

你的罪魁祸首是:

#foottext {
  vị trí: tương đối;
  left: 20px;
  top: 5px;
}

left: 20px 迫使 div 延伸到其容器之外，这导致了间隙。

与其使用 position: relative 移动或重新排列页面上的大型元素，不如应用 padding 或 margin 获得更好的结果。

关于html - 内容/页脚的宽度小于浏览器宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22185625/

32 4 0
Bài viết được đề xuất: javascript - 为什么这个简单的 JSON 对象会在 JSON.parse 中抛出错误？
Bài viết được đề xuất: css - 使用 CSS 绘制图像与图像本身
Bài viết được đề xuất: arrays - Swift 实时文本字段检查来自多个数组的字符
Bài viết được đề xuất: html - 无法获得水平 3 级 css 菜单以正确显示第 3 级。我已经包含了 html 和 css
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com