CSS Float (浮动)
来源:互联网 发布:网络监听工具被称为 编辑:程序博客网 时间:2024/06/05 06:13
CSS Float(浮动) 定位
1. 什么是Float(浮动)?
CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列
2. 浮动特性?
1. 浮动会是元素脱离文档流2. 会提升层级‘半级’ --会盖住属性 不会盖住内容3. 使不支持宽高的元素重新支持宽高4. 如果没有设置宽度,浮动元素的宽度是根据内容而定(由内容撑开)5. 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
3. 使用浮动会有什么影响?
1. 元素浮动之后会使周围的元素重新排列2. 浮动元素会对它的下一个元素产生影响
4. 如何清除浮动
元素浮动之后会使周围的元素重新排列 为了避免这种情况,使用 clear 属性。clear 属性指定元素两侧不能出现浮动元素。代码如下: .clear:{ clear:both/right/left }使用每类选择器对下一个元素清除浮动 div:after{ content:""; display:block; clear:both; }
5. 块元素
1. 块元素的特征: 如果不设置宽度会默认继承父级元素的宽度
0 0
- css float浮动清除
- css:float浮动元素
- CSS-浮动篇float
- CSS float 浮动属性
- css:浮动 float属性
- css浮动(float)
- CSS浮动(float,clear)
- css float浮动
- CSS浮动(float,clear)
- CSS清楚浮动float
- CSS float 浮动属性
- css:float浮动
- CSS Float(浮动)
- CSS-Float(浮动)
- css浮动(float,clear)
- css浮动float
- CSS float 浮动属性
- CSS float 浮动属性
- UE4 Delay and Retriggerable Delay difference
- iOS概念之KVO(Key-Value Observing)
- 机房收费系统---项目开发总结报告
- java SpringmvcAOP拦截Controller,获取session(自定义注解的方式)
- VI 的常见用法
- CSS Float (浮动)
- 毫秒时间转固定(HH:mm:ss)方法,
- python 自动更新国废单价
- editText 的addTextChangeListener的堆栈溢出问题
- javaFX 提示框
- 网络视频网站个个都想转型
- 组播,单播,广播,多播,泛洪的概念
- 新浪支付接口对接的总结
- 浅析JQuery中的html(),text(),val()区别