浮动学习小结

xiaoxiao2021-02-28  98

  浮动是CSS布局中最常用的属性,可以设置float属性值left或right,对元素进行左浮动和右浮动

一、浮动的性质

1.脱标:在标准文档流中,块级元素独霸一行不能并排,行内元素不能设宽高,需要使用用display:inline-block;才能实                 现两个块级元素的并排,对行内元素设宽高,一旦对元素设了浮动,那它就脱离了标准文档流,就可并排可设               宽高。,无论之前它是块级元素还是行内元素

2.贴靠:浮动的元素相互贴靠

3.字围:浮动元素会出现字围效果

4.收缩:浮动元素如果没有设宽度,那它将自动收缩成内容的宽度

注意:浮动不是一元素单独浮动的,要浮动东一起浮动!!!

二、清除浮动的方法

1.给浮动的祖先元素设置高度

2.设置clear:both;属性

3.隔墙法

4.内墙法

5.设置 overflow:hidden;

转载请注明原文地址: https://www.6miu.com/read-65167.html

最新回复(0)