为什么双飞翼布局要使用main-inner

来源:3-4 双飞翼布局及案例(了解即可)

TaraTara

2020-03-23 19:57:14

<div class="main">
    <div class="main-inner">
        <h4>main</h4>
        <p>
            这是页面的主体内容
            这是页面的主体内容
            这是页面的主体内容
            这是页面的主体内容
            这是页面的主体内容
            这是页面的主体内容
            这是页面的主体内容
            这是页面的主体内容
        </p>
    </div>

为什么页面主体部分不能够直接放在<div class="main>里面,要在里面再嵌套一层?

写回答

1回答

好帮手慕星星

2020-03-24

同学你好,如果从实现效果上来看,不嵌套main-inner也是可以的 ,如下

http://img.mukewang.com/climg/5e79692d09e66d3e07530526.jpg

http://img.mukewang.com/climg/5e796923090864cb06210602.jpg

但是这种布局就不能叫做双飞翼布局了。双飞翼布局是一种固定的布局模式,中间这个div中再加了一个div来放置内容,在给这个新的div设置margin-left和margin-right 。知道这种布局方式就好。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程