Sam*_*152 13
块级元素(display:block;)将自动占据父元素宽度的100%.您可以使用百分比或像素调整其宽度.内联元素(display:inline;)的宽度不能修改.
如果你想要占用所有父元素空间,我建议你尝试这样的事情:
.class{
display:block;
width:100%;
}
宽度：100% 当然不是 MS 制造。理解框模型和内联与块（例如跨度与 div）元素之类的东西将帮助您了解您将看到的一些内容。浏览器的差异与“宽度：100％”的关系不大，而与浏览器如何解释给定元素的框模型有关，特别是边距，边框和填充等。AFAIK，所有浏览器都将遵守宽度：100％，但是他们如何解释其他一切可能会影响他们作为“100%”给予多少空间。
请记住，100% 是 PARENT 的 100%，而不是 WINDOW。
<body>
<div id = "one" style="width:50%">
<div id = "two" style = "width:100%" />
</div>
</body>
在这种情况下，“两个”仍然只有窗口宽度的 50%，因为它位于 50% 宽度的父级中。(1 * .5 = .5)
所以，这么说吧，一个莫名其妙的行为的具体例子会极大地帮助人们给你一个具体的答案。