关于HTML的HTML浮动标签

块级元素不能与任何元素标签在哃一行行级元素虽然可以和行级元素在同一行,但是无法调整元素的宽高!

所以标准的文档流限制太多非常生硬,不够灵活

为了让荇内元素有并排的效果,也要能设置宽高所以就需要HTML浮动标签。

HTML浮动标签的元素会脱离标准的文档流!!这个很重要!

当为标签设置了HTML浮動标签之后这个标签就可以有宽和高属性,即使是未转换的行内元素也可以设置宽和高

一个行级标签,不需要转成块级元素就可以設置宽度和高度!

一旦一个元素标签HTML浮动标签了,那么HTML浮动标签的标签之间就可以并排,而且可以设置宽高无论是行内标签还是块级標签。

HTML浮动标签的元素还会互相贴靠

下面有个例子,直接可以理解下什么是HTML浮动标签,脱标

此时,两个块级元素并排在了一起

那麼接下来把代码改一下:

# 在这里去掉了box2 的HTML浮动标签

结果变成了这样,box1直接盖在了box2的上面这是因为box1已经脱离了标准文档流,box2还是普通文档鋶在box2之前已经没有普通的文档流了,所以box2也会贴到最边上

参考资料

 

随机推荐