您的位置: 首页 > 文章 > 解决因浮动而改变的div结构的问题

解决因浮动而改变的div结构的问题

分类: 文章 • 2024-02-04 11:20:10

After：在div里面的最后面加上一个div

它可以在元素设置浮动的时候在那个div最后面加上一个div

让他不变形

那么我们一开始先弄好一个div的结构

解决因浮动而改变的div结构的问题

然后开始设置属性

解决因浮动而改变的div结构的问题

然后开始设置浮动

解决因浮动而改变的div结构的问题

现在看边框，这个div1因为它里面两个div都设置了浮动被缩回去了

然后我们加上after这个元素

content:
“”；括号里面怎么都不写的意思就是里面的内容为空白，不往里面添加任何内容

中间的属性表示他的表现形式为块级元素

最后用clear清除浮动
解决因浮动而改变的div结构的问题

大功告成