HTML网页代码中怎样给浮动对象添加清除浮动

 时间:2024-10-13 07:49:11

1、如图,现在创建几个文本,

HTML网页代码中怎样给浮动对象添加清除浮动

2、默认添加下是竖排排列的,如图

HTML网页代码中怎样给浮动对象添加清除浮动

3、下面对这几个文本添加浮动效果

HTML网页代码中怎样给浮动对象添加清除浮动

4、这时候我们可以看到父级变成了一条直线,这就是添加了浮动没有清除而造成父级的影响

HTML网页代码中怎样给浮动对象添加清除浮动

5、解除这种浮动效果,可以对父级添加overflow:hidden;

HTML网页代码中怎样给浮动对象添加清除浮动

6、这样可以清除子级浮动带来的效果

HTML网页代码中怎样给浮动对象添加清除浮动

7、也可以对子级添加clearfix,清除浮动命令

HTML网页代码中怎样给浮动对象添加清除浮动

8、这样也能起到清除浮动,不影响父级的效果,如图所示。

HTML网页代码中怎样给浮动对象添加清除浮动
  • Eclipse&Android移植项目时如何解决乱码问题
  • html怎么把字体加粗
  • jquery怎么恢复默认的css
  • 原生js实现tab标签切换
  • Win10通过CMD链接Mysql
  • 热门搜索
    中秋手抄报图片大全图片 少先队手抄报文字内容 新学期新计划手抄报 国庆节英语手抄报 劳动节手抄报内容 抗击疫情手抄报图片大全 新年手抄报图片大全 新年手抄报简单又漂亮 关于长征的手抄报 保护牙齿手抄报