CSS中,float 和clear的作用和用法,请举实例,谢谢;
答案:3 悬赏:10
解决时间 2021-03-02 18:26
- 提问者网友:且恨且铭记
- 2021-03-02 12:50
CSS中,float 和clear的作用和用法,请举实例,谢谢;
最佳答案
- 二级知识专家网友:夜余生
- 2021-03-02 14:22
其实没什么好讲的,就如clear这个动词本身的意思一样:清除。具体来说就是清除含有这段代码的元素的两侧内容,独立成为一行。所以你说的第二个苹果会向下排布
你说的另外,有时,那就得具体看你其它代码和html标签间的嵌套结构而定了
如果是这样的结构,h1 float:left 里面的元素当然也会跟着float:left;
如果是 这样的结构,如果没初始化过,那么加clear:both或者不加,对它们来说是没有区别的,默认它们就是独立一行
仍有疑问的话,追问吧
你说的另外,有时,那就得具体看你其它代码和html标签间的嵌套结构而定了
如果是这样的结构,h1 float:left 里面的元素当然也会跟着float:left;
如果是 这样的结构,如果没初始化过,那么加clear:both或者不加,对它们来说是没有区别的,默认它们就是独立一行
仍有疑问的话,追问吧
全部回答
- 1楼网友:举杯邀酒敬孤独
- 2021-03-02 15:25
clear 是规定元素的哪一侧不允许其他浮动元素。
就以楼主例子中的苹果图片为例,它们都设置了float:left;(如果没有后面的clear:both;)那么两张图片会出现在一行,左右排列;
加了clear:both;(清除两侧浮动) 则由定义可知,应用该样式的元素,不允许两则有其他浮动元素,所以会出现在新的一行,也就是你看到的图像会向下调。
就以楼主例子中的苹果图片为例,它们都设置了float:left;(如果没有后面的clear:both;)那么两张图片会出现在一行,左右排列;
加了clear:both;(清除两侧浮动) 则由定义可知,应用该样式的元素,不允许两则有其他浮动元素,所以会出现在新的一行,也就是你看到的图像会向下调。
- 2楼网友:神也偏爱
- 2021-03-02 15:01
你在h1里设置clear:both是清除h1标签之前的浮动,如果想之后的p不跟着h1,可以在p里设置clear:left;或者clear:both;
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯