一:块元素和内联元素:
块元素:
1.块元素一般是容器,可以容纳其他的块元素和内联元素;
2.块元素排斥与其他元素排在同一行;
3.块元素的宽高都起作用。
内联元素:
1.只能容纳文本和其他内联元素;
2.可以与其他的内敛元素排在同一行;
3.weight和heigt不起作用。
那么如何让内联元素变成块元素或者块元素变成内联元素呢?
有一个属性:display:block或inline
二:浮动和定位:
想让两个div,其中一个躲在另一个后边:设置:float:left
div设置成display:inline 之后,宽高不起作用,但是在又设置了浮动时,宽高又起作用了。
ie在浮动中有个bug:就是当元素是块元素时、设置了margin-left不等于0、设置浮动float:left 的情况下:margin-left是double的。解决办法是把左边的块元素设置成内联元素display:inline
两个div已经设置浮动了,接下来第三个div如果啥也没设置,则在浮动元素的后边。如果想让第三个div另起一行,在第三个div的前边再加一个div并且设置:clean:both属性。这样的话第三个div就是在两个浮动的div的下边一行了,不会藏在两个浮动元素的后边了。