一、block的研究
通过w3c的解释，也就是说block（块级）元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）。下面来说说block元素默认宽度的问题。
1、没设置宽度：默认为浏览器可视区同宽（浏览器默认样式被重置后）。
看到的那条黄线实为一个未设置宽高的DIV，边框为1像素黄色实线，可以看出是布满整个屏幕的。
2、自身没设置宽度，但是父元素设置了宽度：
这个例子中，黄线为一个未设置宽度的P，其父元素是一个宽度为200px的DIV，在控制台中 输出P的offsetWidth（offsetWidth=border+width+padding）属性为：200。也就是说一定程度上P是继承了DIV的宽度的。但也不完全是，因为打印出的P的宽度是加上了2px的边框宽度的，所以说子元素未设置宽度的话是会100%填充父元素的宽的， 但是不会填充高度！
看下面一道例题：
已有HTML代码：
查看更多关于CSS/块级元素与内联元素的深入理解_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108262