首页 > 代码库 > 浮动的用法
浮动的用法
浮动的代码书写及用法
float:left; 左浮;
float:right; 右浮;
在编写网页时,我们可以把网页当成是一个大块,这个大块由很多小块组成。只需要把网页的每一小块的父级找准,将相应的内容和样式写进对应的模块中,就可以利用浮动将模块放在网页的相应的位置。
在使用浮动时需要注意:
1、子级浮动会导致父级的高度坍塌,若要找回高度,则需触发BFC(overflow:hidden),块级格式上下文;
2、行内元素设置浮动,会自动转为块级元素,可以设置宽高;
3、浮动文本类的标记,如果没有指定宽度,浮动后会自动折叠到最小宽度;
4、子级浮动始终在父级包含块内部,不会穿越到padding区域;
5、若父级包含包含块没有足够空间容纳子元素浮动,子级会自动换行,而不会覆盖前一个元素。
6、浮动会影响其他元素,若需要清除浮动对自身的影响,可以使用clear:lift/right/both。
浮动的用法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。