CSS中,float 和clear的作用和用法,请举实例,谢谢;

发布网友发布时间：2022-04-06 10:27

共3个回答

热心网友时间：2022-04-06 11:56

其实没什么好讲的，就如clear这个动词本身的意思一样：清除。具体来说就是清除含有这段代码的元素的两侧内容，独立成为一行。所以你说的第二个苹果会向下排布

你说的另外，有时，那就得具体看你其它代码和html标签间的嵌套结构而定了
如果是<h1><p></p></h1>这样的结构，h1 float:left 里面的元素当然也会跟着float:left;
如果是<h1></h1> <p></p>这样的结构，如果没初始化过，那么加clear:both或者不加，对它们来说是没有区别的，默认它们就是独立一行

仍有疑问的话，追问吧

热心网友时间：2022-04-06 13:14

你在h1里设置clear:both是清除h1标签之前的浮动，如果想之后的p不跟着h1，可以在p里设置clear:left;或者clear:both;

热心网友时间：2022-04-06 14:49

clear 是规定元素的哪一侧不允许其他浮动元素。
就以楼主例子中的苹果图片为例，它们都设置了float:left;（如果没有后面的clear:both;）那么两张图片会出现在一行，左右排列;
加了clear:both;（清除两侧浮动）　则由定义可知，应用该样式的元素，不允许两则有其他浮动元素，所以会出现在新的一行，也就是你看到的图像会向下调。