为什么双飞翼布局里main里面还有设置一个main-inner呢？

首页课程实战体系课手记专栏慕课教程

来源：3-4 双飞翼布局及案例（了解即可）

lcyjerry

2019-07-14 19:26:04

为什么双飞翼布局里main里面还有设置一个main-inner呢？不要里面这个main-inner不能实现吗？

写回答

1回答

好帮手慕慕子

2019-07-15

已采纳

同学你好，原因如下：

父元素main是占据宽度100%的，但是因为几个小盒子都设置了浮动，脱离文档流，左右两边的盒子是叠在main上面的。所以才要在main里面嵌套一个小盒子main-inner，给main-inner设置左右间距，这样达到main里面的内容不会被左右两边的盒子盖住哦。
不要里面的mian-inner不可以实现哦，因为main本身宽度是相对浏览器100%显示的，如果通过给面设置外边距，那么它会往左移动，这样整体就超出屏幕宽度，同学自己可以测试一下：

如果帮助到了你，欢迎采纳！

祝学习愉快~~~~

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 1

回答 4

回答 1