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

猜你喜欢

转载自www.cnblogs.com/theLifeOfHubo/p/9820146.html
今日推荐