怎么将div分成如图的区域

[▍快乐风男]

怎么将div分成如图的区域

[weixin_40670111]

从大到小分，配合css

[crystal_qq_759020213]

<header这里是头部</header>
<section class="main" style="display:flex">
<div class="left" style="flex:1"></div>
<div class="right" style="width:300px"></div>
</section>

可以看一下flex布局的用法，两栏布局很好处理的

[大山王]

flex看一下

[槿畔]

宽度可以使用百分比布局，也可以使用flex，都挺方便的

[Gemini_Kanon]

最外面有个div，里面两个div，用定位分成左右两部分

[▍快乐风男]

引用 2 楼 crystal_qq_759020213的回复:

<header这里是头部</header>
<section class="main" style="display:flex">
<div class="left" style="flex:1"></div>
<div class="right" style="width:300px"></div>
</section>

可以看一下flex布局的用法，两栏布局很好处理的

我用边界做了个静态的，不过谢谢你

[野野YE]

先对这个页面进行布局划分（如图），划分为3部分，然后在中间（content）再划分为2两个部分，以此内推。 然后里面内容布局可以使用flex，对nav、content、fotter进行排版