Css浮动
来源:互联网 发布:成都正规java培训机构 编辑:程序博客网 时间:2024/04/29 07:03
1:如果元素设置了浮动,则元素将脱离文档流。网页渲染页面的时候,先把没有设置浮动的元素绘制出来,之后绘制浮动元素,浮动元素是基于原先自己文档流中的位置进行左右浮动。浮动元素将会覆盖文档流中的元素。(文字环绕图片例外),浮动原来的目的就是文字环绕。
2:可以用clear属性来清除浮动。假设DIV1没设置浮动,DIV2设置左浮动,DIV3没有设置浮动,这时候DIV2将会覆盖DIV3。我们可以对DIV3设置clear:left,这时候DIV3左边将不允许有浮动元素,所以DIV3下移。
3:float:left的效果和display:inline-block一样。inline-block的意思是将元素按行内元素进行显示,但是还可以设置block的属性(宽高。。)。
4:如果对多个元素设置了左浮动,但是多个元素的宽度已经超过了父亲元素的宽度,这时候,假设父亲宽度是1000px,div1宽度300px,div2宽度500px,div3宽度300px。则div3会浮动到div2的最左边,如果div1的高度超过了div2,则div3将会被卡住。
0 0
- CSS-浮动&清除浮动
- CSS浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS 浮动
- CSS浮动
- CSS浮动
- CSS 浮动
- css 浮动
- CSS 浮动
- CSS浮动
- css---浮动
- css浮动
- Css浮动
- css 浮动
- css浮动
- CSS浮动
- 无废话WCF入门教程三[WCF的宿主]
- 队列(三):链式存储队列
- myBatis的SQL注入问题
- 无废话WCF入门教程四[WCF的配置文件]
- C语言高级语法概述笔记
- Css浮动
- 无废话WCF入门教程五[WCF的通信模式]
- perl函数substr
- Activity的四种加载模式
- Manacher算法:求解最长回文字符串,时间复杂度为O(N)
- INI文件操作
- 在xcode中编译APUE代码
- android gradle初探
- 8.去掉const属性