css中clear的什么作用?

html-css09

css中clear的什么作用?,第1张

css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素(这时该元素会独占一行了)。

注:对第一个元素设置clear,对其后面元素不起作用。

clear 属性规定元素的哪一侧不允许其他浮动元素。

clear有四个属性值,分别是left(在左侧不允许浮动元素)、right(在右侧不允许浮动元素)、both(在左右两侧均不允许浮动元素)、none(默认值。允许浮动元素出现在两侧)、inherit(规定应该从父元素继承 clear 属性的值)。

<html>

<body>

<p style="float:leftwidth :200px">这个是第1列,</p>

<p style="float:leftwidth :400px">这个是第2列,</p>

<p style="clear:both">这个是列的下面。</p>

</body>

</html>

你试试把第三行的style里的东西去掉和不去的区别就知道了