css代码:
- .a
- {
- height:100px;
- background:#ff0;
- }
- .b
- {
- background:#000;
- width:50px;
- height:50px;
- }
html代码:
- <div class="a">
- <div class="b">
- </div>
- </div>
- </body>
显示效果:

发现:会出现父元素的宽度占满屏幕。
css代码:
- .a
- {
- width:100px;
- background:#ff0;
- }
- .b
- {
- background:#000;
- width:50px;
- height:50px;
- }
html代码:
- <div class="a">
- <div class="b">
- </div>
- </div>
- </body>
显示效果:

发现:父元素的高度却没有占满。
原因:div的是块状元素,所以宽度当然也会独占一行。
参考资料:http://www.zhihu.com/question/22974040
css子元素父元素之 父元素未定义宽度。
原文:http://www.cnblogs.com/imyp/p/4830422.html