具体阐明css float 属性以及position:absolute 的区别(4)

以上功效实现了功效,很明明是直接添加了一个高度相等的空元素,因为此元素没有浮动,所以是跟配景一样,因此配景被撑开了。其实是用排除浮动的道理跟这个是一样的,也是想步伐撑开配景;以上去掉clear的宽,高,加上clear属性

复制代码 代码如下:


.clear{
    clear:left;
    }

执行功效:

详细阐发css float 属性以及position:absolute 的区别

这个大概还看不清楚,给clear框里边加几个字试试看

执行功效:

详细阐发css float 属性以及position:absolute 的区别


因为clear用了clear:left综上所述,clear左边不能有浮动元素,所以它必需另起一行显示。如此便看到图上的功效,其实照旧用一个元素撑开的配景。虽然尚有其他要领实现,这里主要是讲清楚浮动就好了:)

您大概感乐趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsdpsw.html