100%宽度标题不填充浏览器

7 css width

当浏览器窗口小到足以强制水平滚动条并向右滚动时,标题的背景颜色在浏览器边缘之前结束.我正在使用CSS课程.

.s_header {
    margin: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #000;
    background-color:#b8dbec;
    height:133px;
}
Run Code Online (Sandbox Code Playgroud)

内容<div class="s_header">不如下面的4列表那样宽,其中内容总计为840px,图像宽度为+ padding,140px为固定宽度列.因此,当浏览器窗口小于840px时,会有一个水平滚动条,除了滚动时标题的背景被切断之外.

<div class="s_header">body和html 的父元素,100%宽度表示窗口宽度.我试过包括溢出:在.s_header课堂上看得见但没有成功.

体宽也设置为100%边距0

当滚动条出现时,是否有一种简单的方法可以让背景在右侧延伸?

问题页面就在这里

任何建议将不胜感激.

Rob*_*ner 10

设置身体标签的边距

在线方式

<body style="margin: 0px 0px 0px 0px;">
Run Code Online (Sandbox Code Playgroud)

在你的style.css(或其他)

body {
  margin: 0px 0px 0px 0px;
}
Run Code Online (Sandbox Code Playgroud)


Joe*_*nez 1

我衷心建议您使用 Firefox 并安装 firebug: http: //getfirebug.com/

它有一个很酷的功能,可以让你检查 dom 元素,它会告诉你所有样式,以及它们源自哪个样式表。因此,如果主体继承了一些错误的填充(或其他东西),您将能够直观地看到发生了什么:-)