![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
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 评论 -
CSS盒模型
基本概念:标准模型+IE模型 标准模型: CSS中的宽(width)= 内容(content)的宽 CSS中的高(height)= 内容(content)的高 IE模型: CSS中的宽(width)=内容(content)的宽+(border+padding)*2 CSS中的高(height)=内容(content)的高+(border+padding)*2 标准模型和IE模型的区别就...转载 2019-02-19 18:47:12 · 104 阅读 · 0 评论 -
CSS行内元素和块级元素
行内元素: 1、书写完成后不会自动换行,和其他元素在同一行 2、元素没有宽和高,宽高就是内容的高度,不可以改变修改宽、高、内边距padding 3、大多为描述性标记 4、行级元素里面只能包含行级元素,不能包含块级元素 块级元素: 1、写完后会自动换行,总在新的一行开始 2、有宽高且可以修改,大多数为结构性标记 3、宽度没有设置的时候,默认为100% 4、块级元素里面可以包含块级和行级元素 行内元素...转载 2019-02-25 22:39:28 · 256 阅读 · 0 评论 -
两栏布局
1、绝对定位方式 <div class="box"> <style> .box { position: relative; } .box > div { min-height: 100px; position: absolute...转载 2019-03-01 22:20:26 · 113 阅读 · 0 评论