2018年10月25日

解决外边距溢出(外边距穿透)

摘要: 1)父元素::before{content:'';display:table} 2)给父元素加透明border 3)设置父元素overflow:hidden 4)父元素浮动 阅读全文

posted @ 2018-10-25 15:35 myMaria 阅读(449) 评论(0) 推荐(0)

解决高度塌陷问题(祖先元素清除浮动)

摘要: 1)overflow:hidden 缺点:如果内容超过容器,会被隐藏 2)设置固定高度 缺点:需定好高度,实际项目难以决定需要多少高度,另外使用定位时会有影响 3)::after 比较完美 4)末尾加空的块级元素并设置其clear:both(原理同3) 5)display:table 缺点:产生新的 阅读全文

posted @ 2018-10-25 15:10 myMaria 阅读(139) 评论(0) 推荐(0)

容器内水平垂直居中

摘要: 使用flex 定位方式: margin:auto; 阅读全文

posted @ 2018-10-25 14:28 myMaria 阅读(71) 评论(0) 推荐(0)

关于margin padding

摘要: margin padding设置百分比是以父元素的宽度作参考。 定位的left,top等取百分比 则以参照定位元素的padding+width做参考 margin 四个同时设定 以margin-left 和margin-top为准 left right top bottom同时设定以left top 阅读全文

posted @ 2018-10-25 11:21 myMaria 阅读(112) 评论(0) 推荐(0)

导航