css浮动
来源:互联网 发布:linux 文本排序 编辑:程序博客网 时间:2024/06/07 04:55
CSS浮动和清除
l float:让元素浮动,取值:left(左浮动)、right(右浮动)
l clear:清除浮动,取值:left(清除左浮动)、right(清除右浮动)、both(同时清除上面的左浮动和右浮动)
1、CSS浮动
l 浮动的元素,将向左或向右浮动,浮动到包围元素的边上,或上一个浮动元素的边上为止。
l 浮动的元素,不再占空间了,并且,浮动元素的层级要高于普通元素。
l 浮动的元素,一定是“块元素”。不管它原来是什么元素。
l 如果浮动的元素,没有指定宽度的话,浮动后它将尽可能的变窄。因此,浮动元素一般要定宽和高。
l 一行的多个元素,要浮动一起浮动。
浮动的功能:可以实现将多个块元素并列排版。
如何让包围元素,包住浮动元素?
你就需要在浮动元素的下边,使用清除浮动操作。
2、CSS清除浮动
l CSS清除浮动的功能有两个:(1)可以包围元素从“视觉上”包住浮动元素(2)清除之下的其它元素将恢复默认排版。
l 有浮动,就得有清除。
l 如果包围元素指定了高度了,那么可以不使用清除功能。(在综合案例中会涉及到)
0 0
- CSS-浮动&清除浮动
- CSS浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS浮动
- CSS浮动
- CSS 浮动
- css 浮动
- CSS 浮动
- CSS浮动
- css---浮动
- css浮动
- Css浮动
- css 浮动
- css浮动
- CSS浮动
- VISUAL STUDIO 2008 WINDOWS FORM项目发布生成安装包详解
- LeetCode-66.Plus One
- c#---delegate关键字
- spring中lazy-init详解
- hdu3652(数位dp)
- css浮动
- 海量数据的存储和访问解决方案
- [H5]浏览器缓存机制
- ios NSTimer引起的循环引用,以及NSTimer的使用
- excel利用宏自动复制来自其他excel文件的数据
- 第13周-交通类(2)
- 收集android上开源的酷炫的交互动画和视觉效果
- intellij idea使用c:foreach标签的方法
- hive自定义udf实现md5功能