码迷,mamicode.com
首页 > Web开发 > 详细

css 浮动

时间:2018-08-19 14:51:03      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:strong   依次   需要   元素   意思   控制   情况   宽高   转换   

标准文档流

普通流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思,块级元素会独占一行,行内元素会按顺序依次前后排列;按照这种大前提的布局之下绝对不会出现例外的情况叫做普通流布局

浮动float

属性值有left,right,none

什么是浮动?

元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,

浮动脱离标准流,不占位置,会影响标准流,浮动只有左右浮动

浮动说先创建包含块的概念(包裹)。
就是说,浮动的元素总是找离它最近的父级元素对齐,
但是不会超出内边距的范围

浮动的排列位置

行内元素浮动

如果已经给行内元素添加了浮动,
则此时不需要转换这个元素也可以有宽高

注意点

一个父盒子里面的子盒子,如果其中一个子级有浮动的,则其他子级都需要浮动。这样才能一行对齐显示

加了浮动的元素盒子是浮起来的,漂浮在其他的标准流盒子上面
加了浮动的盒子,不占位置的,它浮起来了,它原来的位置漏 给了标准流的盒子

特别注意,首先浮动的盒子需要和标准流的父级搭配使用, 其次 特别的注意浮动可以使元素显示模式体现为行内块特性。

css 浮动

标签:strong   依次   需要   元素   意思   控制   情况   宽高   转换   

原文地址:https://www.cnblogs.com/wbyixx/p/9501077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!