我遇到了一个CSS问题，我需要一些建议。我有一个包含固定宽度的 100%div。在 27 英寸上，一切看起来都很好 - 黄色div 完美居中。
当我调整窗口大小时，黄色固定条仍然可见，但是一旦向右滚动，100%div 就不会调整为当前宽度。
<html>
<head>
<title></title>
</head>
<body>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
#footer {
background-color: #333333;
color: #ffffff;
margin-top: 35px;
padding-bottom: 30px;
padding-top: 15px;
position: relative;
bottom: 0px;
font-size: 90%;
}
#inner {
background-color: #feb400;
width: 960px;
margin-left: auto;
margin-right: auto;
}
</style>
<body>
<footer id="footer">
<div id="inner">lorem ipsum div.</div>
</footer>
</body>
</html>
http://jsfiddle.net/nghg4zd5/
我想让黑色的、100%的div总是调整大小。我怎样才能做到这一点？
谢谢。
试试这个，你应该在 100%div 中使用最小宽度样式属性（就像相同的内宽度值）
JSFIDDLE 演示
您正在尝试使相对更改影响固定更改（以像素为单位）。为此，您需要将内部div 设置为具有相对宽度（即百分比），以使其在右侧拉伸上可见（根据您的小提琴）。
例如
#inner {
background-color: #feb400;
margin-left: auto;
margin-right: auto;
width: 92%;
}
工作演示
希望这有帮助。
为了使您的div 宽度为 100%，您必须在此处使其父级（包含div）成为具有固定宽度的主体：
例如，尝试一下：
body {
width: 960px;
}
你需要max-width:960px; #inner {
background-color: #feb400;
width: 100%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
CC_4