摘要：
情景：给脱标（使用了浮动或者定位）的元素增加了一个父级元素，但是又不方便给高度的情况下 （父盒子给高度也是一个解决方法，但是大多数情况下，因为盒子的内容会经常改变，父盒子高度固定，需要每次去调整） <body> <div class='box'> <div class="red"></div> <d 阅读全文
摘要：
1.正常情况，按照顺序，最后的盒子在最上面，默认z-index为02.当使用z-index，数字越大，越优先显示在上面3.注意，只要定位的盒子才可以使用该方法 <body> <div class="box1">注意，只要定位的盒子才可以使用该方法</div> <div class="box2">当使 阅读全文
摘要：
情景：四个盒子如下图布局，使用浮动，可以看到3和4是顶对齐的 此时会看到出现bug，4盒子上不去，解决方法是把4盒子放到2盒子和3盒子中间 阅读全文
摘要：
子绝父相布局经常使用，是一种比较经典的定位布局 父盒子使用相对定位：占位置，不会对下面的同级盒子产生影响；基准点，子盒子以父盒子左上角为基准点进行移动 子盒子使用绝对定位：不占位置，完全脱标，不会对兄弟元素产生影响 阅读全文
摘要：
阅读全文
摘要：
一、相对定位： 1.脱标，但是保留原来位置（下面的盒子上不来，也可以说是半脱标） 2.偏移从以自己标准流中的位置为原点 二、绝对定位 1.完全脱标，不保留原来位置 2.父元素没有定位的情况，子盒子以当前屏幕为基准点进行移动 3.父元素有定位（相对，固定，绝对）的情况，子盒子以父元素（有定位的最近祖元 阅读全文
摘要：
<div class="father"> <div class="son"></div> </div> <style> .father { width: 300px; height: 300px; border: 1px solid #000; position: relative; } .son 阅读全文
摘要：
1、一列固定宽度且居中 2、两列左窄右宽 3、通栏平均分布 阅读全文