数据学习
登录
注册
原创博客
(current)
算法案例
(current)
期刊会议
学术世界
领域期刊
SCI/SCIE/SSCI/EI简介
期刊列表
会议列表
所有期刊分区
学术期刊信息检索
JCR期刊分区查询
CiteScore期刊分区查询
中科院期刊分区查询
领域期刊分区
管理 - UTD24期刊列表
管理 - AJG（ABS）期刊星级查询
管理 - FMS推荐期刊列表
计算机 - CCF推荐期刊会议列表
高校期刊分区
南大核心（CSSCI）
合工大小核心
合工大大核心
AI资源仓库
AI领域与任务
AI学术期刊
AI论文快讯
AI预训练模型
AI数据集
AI开源工具
数据推荐
网址导航
我的网址导航
程序员必备网站
清除浮动的几种方法
标签：
#清除浮动#
时间：2018/10/10 22:29:39
作者：Shino
```java <style type="text/css" media="screen"> *{ margin: 0； padding：0； } div{ background-color:skyblue; } /*清除浮动的方法*/ li{ float: left; width: 120px; height: 40px; background-color: yellow; text-align:center;/*文本居中*/ } /*①给祖先盒子加高度*/ /*.box1{ height: 40px; }*/ /*在网页中 高度height其实很少出现 因为能被内容撑高 所以方法①工作中使用的很少*/ /*② clear both*/ /*.box2{ clear:both; } *//*clear 清除 both指左浮动和右浮动都清除 表示清除别的浮动的影响*/ /*这个方法有个问题 margin无效 */ /*③ clear both隔墙法*/ /*.c1{ clear: both; height: 10px; }*/ /*用盒子添加clear both把要分开的两个浮动隔开*/ /*④ 内墙法*/ /*浮动的元素是无法给祖先元素撑出高的*/ .c2{ clear: both; }/*和隔墙法不同 内墙法可以将祖先元素撑出高度 此时即使祖先元素没有赋予高 依然会有高度*/ </style> </head> <body> <div class="box1"> <ul> <li>HTML</li> <li>CSS</li> <li>JS</li> <li>HTML5</li> </ul> <div class="c2"></div> </div> <div class="c1"></div> <div class="box2"> <ul> <li>书库</li> <li>练习</li> <li>测评</li> </ul> </div> </body> ```
相关博客
最热博客