木头房子的格子铺

css2选择器介绍

css盒子模型介绍

盒子模型中的外边距问题

高度塌陷 高度塌陷的解决 css定位介绍

文章目录一列定宽，一列自适应float + marginfloat + overflowtableflex等分布局float+百分比flextable等高布局tableflexfloat多列的等高布局 一列定宽，一列自适应 要求两列，左边一列固定宽度，右边一列根据浏览器自适应； <div class="parent"> <div class="left"> ...

文章目录元素水平垂直居中方法一：同宽高+padding方法二：absolute + margin:auto方法三：absolute + 负margin（或transform）方法四：inline-block+table-cell方法五：flex布局文字元素的垂直水平居中 元素水平垂直居中 设置两个盒子，关系是父子：父元素 <body> <div class="pare...

文章目录三列布局背景介绍定位实现三列布局浮动实现三列布局圣杯布局双飞翼布局 三列布局背景介绍 三列元素，左右元素固定宽度； 中间元素自适应； <div id="left"> left </div> <div id="middle"> middle </div> <div id="right"> right </div&gt...

文章目录什么是黏连布局（css sticky footer）方法一：footer 上用负的 margin-top方法二：负margin-bottom方法三：flex布局 什么是黏连布局（css sticky footer） 当main的高度足够长的时候，紧跟在<\main>后面的元素<\footer>会跟在其后面; 当<\main>元素比较短的时候（比如...