![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局
quan!!!
这个作者很懒,什么都没留下…
展开
-
三栏布局(左右宽度固定,中间自适应)的实现方式及其延伸问题
全局CSS设定 html *{ padding: 0; margin: 0; } section { margin: 20px 0; } article > div { min-height: 100px; } 浮动三栏布局 必须先写左右盒子再写中间盒子的html结构,设置左右两个盒子的宽高和浮动 <section class="layout float"&转载 2019-02-19 11:33:35 · 603 阅读 · 0 评论 -
三栏布局延伸问题(上下高度固定,中间自适应)
全局样式 html, body { margin: 0; padding: 0 } .top { background: red; } .content { background: yellow; } .bottom { background: blue; } 绝对定位布局 <section class="layout position"&g...转载 2019-02-19 14:44:51 · 1177 阅读 · 0 评论 -
两栏布局
1、绝对定位方式 <div class="box"> <style> .box { position: relative; } .box > div { min-height: 100px; position: absolute...转载 2019-03-01 22:20:26 · 113 阅读 · 0 评论