页面分为左右两侧div里使用display:flex;实现

Deram_川少

于 2018-06-21 11:38:11 发布

阅读量9k

点赞数

分类专栏： html 文章标签：页面分栏

本文链接：https://blog.youkuaiyun.com/qq_32445069/article/details/80757928

版权

2 篇文章

订阅专栏

将页面分为左右两侧（或者多侧）的栏目的的页面实现借鉴display属性规定元素应该生成的框的类型。布局可以借鉴flex的格式。举例如下：

<div style="display:flex;padding-top:30px;height: 360px">
   <div class="left-model"></div>
   <div class="right-model"></div>
</div>

这样就可以分为两侧的栏目。即：使用div标签里的display:flex实现页面分为左右两侧或多侧