![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
王小蕾
菜鸡
展开
-
vertical-align
.转载 2019-11-13 17:54:25 · 99 阅读 · 0 评论 -
定位,浮动的盒子的居中对齐
left:50% margin-left:-(盒子的宽度的一半) 同样想要盒子显示在某个位置,但是不一定是居中对齐 根据实际情况如,下图的小箭头: 可以写成: top:50% margin-top:-20px; //实现垂直方向的居中对齐,虽然图里并不是50%(懒得改了,别人的图) margin-left:-40px; ...原创 2019-11-10 16:45:30 · 586 阅读 · 0 评论 -
百分比
所有百分比都是针对父亲的content+padding来说的 left:100%; right:0; 浅褐色区域为padding原创 2019-11-10 16:38:46 · 123 阅读 · 0 评论 -
绝对定位
脱标,不占位置 相对于最近的父元素定位,子绝父相绝固,都是相对于父亲定位,只不过父绝则还要往上找 在父亲的padding后,以父亲content为基点 红盒子以body的content为基点,不看margin+border+padding 此外,由于没给body高度,引起高度塌陷 内容高度=0,但padding,border还在作用 所以又能看到(传统盒子模型实际大小=width/content...原创 2019-11-10 15:43:52 · 132 阅读 · 0 评论 -
固定定位
脱标不占位置 相对于浏览器窗口 如果采用固定定位,但是左右left right写成定值或百分比,在不同的分辨率下会出现空隙过大或过小的问题,解决:不写left right,写margin-left:-200px margin-left:800px这种 保持距离不变 问题现象: ...原创 2019-11-09 22:09:42 · 536 阅读 · 0 评论