html、css学习----------万门大学笔记

一：块元素和内联元素：

块元素：

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的下边一行了，不会藏在两个浮动元素的后边了。

 

转载于:https://www.cnblogs.com/theLifeOfHubo/p/9820146.html