清除浮动的三种方法

 时间:2024-10-12 23:34:15

1、方式一:使用overflow属性来清除浮动

清除浮动的三种方法

2、先找到浮动盒子的父元素,再在父元素中添加一个属性:overflow:hidden,就是清除这个父元素中的子元素浮动对页面的影响.

清除浮动的三种方法

3、一般情况下也不会使用这种方式,因为overflow:hidden有一个特点,离开了这个元素所在的区域以后会被隐藏(overflow:hidden会将超出的部分隐藏起来)

清除浮动的三种方法

4、使用额外标签法

清除浮动的三种方法

5、在浮动的盒子之下再放一个标签,在这个标签中使用clear:both,来清除浮动对页面的影响.

清除浮动的三种方法

6、a.内部标签:会将这个浮动盒子的父盒子高度重新撑开.b.外部标签:会将这个浮动盒子的影响清除,但是不会撑开父盒子.

清除浮动的三种方法
  • 在css中如何设置左浮动和右浮动?
  • 怎样让html中的文字垂直水平居中显示
  • HTML网页怎么设置圆角边框
  • css如何通过实现让文字在框内水平垂直都居中?
  • a标签的下划线怎么去掉
  • 热门搜索
    狼王梦手抄报 电子手抄报模板下载 走进名著手抄报 数学故事手抄报 英语手抄报花边 科学知识手抄报 建国手抄报内容 英语手抄报内容5年级 遨游汉字王国的手抄报 手抄报中秋