CSS 浮动(float:left),清除浮动(clear:both)
来源:互联网 发布:java业余培训学校 编辑:程序博客网 时间:2024/04/30 11:01
CSS浮动和清除
float:left(左浮动), float:right(右浮动);
浮动的元素可以理解为该元素已经脱离文档流。“已经不存在了”
浮动只有两个方向:left,right
凡是浮动的元素都是块元素。(添加float:left;后自动变成块元素)
如果浮动前是行内元素,浮动后自动转为块元素。
备注:行内元素没有宽高(设置宽高不起作用),只有块元素才有宽高。
使用浮动的情况:
1.将块元素显示在同一行。
2.将无序列表横向排列(导航的制作)
3.主要应用于排版(DIV+CSS)
浮动的清除
凡是设置了浮动之后,一定要清除浮动。
不清除前面的浮动,会对后面的元素造成影响。(上面的浮动属性,如果不清除,下面的元素会默认继承。)
float:left(左浮动), float:right(右浮动);
浮动的元素可以理解为该元素已经脱离文档流。“已经不存在了”
浮动只有两个方向:left,right
浮动的位置:
浮动到父元素的边界或其它浮动元素的边上。
浮动元素的层级高于普通元素。(浮动元素在顶层)凡是浮动的元素都是块元素。(添加float:left;后自动变成块元素)
如果浮动前是行内元素,浮动后自动转为块元素。
备注:行内元素没有宽高(设置宽高不起作用),只有块元素才有宽高。
使用浮动的情况:
1.将块元素显示在同一行。
2.将无序列表横向排列(导航的制作)
3.主要应用于排版(DIV+CSS)
浮动的清除
凡是设置了浮动之后,一定要清除浮动。
不清除前面的浮动,会对后面的元素造成影响。(上面的浮动属性,如果不清除,下面的元素会默认继承。)
清除浮动的写法:
clear:left,right,both;
.clear{clear:both},清除两边,我们通常用在版权独占一行。浮动清除的位置:
设置浮动属性元素的后面。
通常,用一个空的<div class=”clear”></div>overflow属性 hidden scroll auto (溢出: 溢出部分隐藏,滚动条,自动)
阅读全文
0 0
- CSS 浮动(float:left),清除浮动(clear:both)
- css Clear:both 清除float浮动
- CSS clear both清除浮动
- CSS clear both清除浮动
- CSS clear both清除浮动
- css清除浮动 clear float
- DIV+CSS clear both清除产生浮动
- DIV+CSS clear both清除产生浮动
- CSS清除浮动_清除float浮——详解overflow:hidden 与clear:both属性
- float 浮动 《1》clear:both清除浮动 ;《2》设置父元素overflow:hidden来清除浮动
- 清除浮动(clear float)
- 清除浮动clear-left-right-both-none效果
- CSS浮动(float,clear)
- CSS浮动(float,clear)
- css浮动(float,clear)
- [HTML]DIV+CSS clear both清除产生浮动
- css clear 清除浮动
- 清除浮动(Clear Float)
- 一般论文发表流程有哪些
- 欢迎使用CSDN-markdown编辑器
- C#中String类的几个方法(IndexOf、LastIndexOf、Substring)
- mysql事务总结
- ZooKeeper(一)之为什么要使用ZooKeeper
- CSS 浮动(float:left),清除浮动(clear:both)
- C# WinForm程序退出的方法
- C#访问MySQL数据库帮助类
- MXNet官方文档中文版教程(3):神经网络图(Symbol)
- SQL语句的执行过程
- sysctl命令
- LSP 分片扩展mode-1与mode-2对比
- python_BeautifulSoup库之过滤器
- 利用OLAMI在unity游戏中加入中文语音控制(一)