摘要：
定位的特殊性 绝对定位和固定定位也和浮动类似 1.行内元素添加绝对或者固定定位,可以直接设置高度和宽度 2.块级元素添加绝对和固定定位,如果不给宽度或高度,默认大小是内容的大小。 3.脱标的盒子不会触发外边距的塌陷 浮动元素,绝对定位(固定定位)元素都不会触发外边距合并的问题。 定位的拓展 绝对（固 阅读全文
摘要：
绝对定位的盒子居中 加了绝对定位的盒子不能通过margin:0 auto水平居中,但是可以通过以下方法实现水平居中。 ①left:50%;让盒子的左侧移动到父级元素的水平中心位置 ②margin-left:-100px;让盒子向左移动自身宽度的一半。 <!DOCTYPE html> <html la 阅读全文
摘要：
在使用定位布局时,可能会出现盒子模型重叠的情况。此时,可以用z-index来控制盒子的前后次序(z轴) 语法： 选择器:{z-index} 数值可以是正整数,负整数或0，默认值是auto，数值越大,盒子越靠上 如果属性相同,则按照书写顺序,后来居上 数字后面不能加单位 只有定位的盒子才有z-inde 阅读全文
摘要：
粘性定位可以被认为是相对定位的混合,Sticky粘性的 语法： 选择器{position:sticky;top:10px} 粘性定位的特点： 1.以浏览器的可视窗口为参照点移动元素(固定定位特色) 2.粘性定位是占有原先的位置（相对定位特点） 3.必须添加top,left,right,bottom其 阅读全文
摘要：
固定定位小技巧：固定在版心右侧位置 小算法： 1.让固定定位的盒子left:50%，走到浏览器可视区（也可以看做版心）的一半位置。 2.让固定定位的盒子margin-left核心宽度的一半距离。多走 版心宽度的一半位置 就可以让固定定位的盒子贴着版心右侧对齐了。 阅读全文