CSS怎么使用额外标签法去除浮动

2024-10-13 20:50:08

1、新建一个html文件,命名为go.html,用于讲解CSS怎么使用额外标签法去除浮动。

CSS怎么使用额外标签法去除浮动

2、在一个div中写三个div。

CSS怎么使用额外标签法去除浮动

3、为父div设置黑色实线边框,为子div设置宽度、高度、颜色和浮动。

CSS怎么使用额外标签法去除浮动

4、运行网页,可以看到因为浮动的效果,所以三个div没有被包含在父div内。

CSS怎么使用额外标签法去除浮动

5、使用clear:both;语句实现额外标签法去除浮动。

CSS怎么使用额外标签法去除浮动

6、再次运行网页,可以看到浮动已经去除。

CSS怎么使用额外标签法去除浮动
猜你喜欢