摘要: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin top,父元素盒子也会往下走margin top的值,而子元素和父元素的边距则没有发生变化。 html代码: css样式: BUG原因: In this specification, the expression collaps 阅读全文
posted @ 2019-09-10 10:04 前端小白白啊 阅读(663) 评论(0) 推荐(0) 编辑
摘要: 参看上方的代码案例: 圣杯布局也分两种情况: 1. 两侧导航栏位于main盒的里面,覆盖了main主区域的一部分位置。 2. 两侧的导航栏位于main盒的外面,不占用main的区域 情况1:设置left盒的margin left为 100%,因为左右margin的百分比值是相对于父元素宽度的,lef 阅读全文
posted @ 2019-09-09 15:49 前端小白白啊 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 将text align设置成justify 可以将内容分散对齐,但是此属性只能对齐非最后一行的内容,可以做一下操作 方法1,添加伪元素after 注意1:伪元素内容不能忽略 注意2:不设定高度,每个li下方会有空白,使用设置高度行高来取消空白 方法2 使用text align last属性设置为ju 阅读全文
posted @ 2019-09-04 11:09 前端小白白啊 阅读(578) 评论(0) 推荐(0) 编辑