- 博客(3)
- 收藏
- 关注
原创 布局方法
图片是inline-block标签,支持宽高,margin,padding.标签之间的空格会被解析设置图片的宽高方法有 px 和 %(百分比是相对于父级的宽度或者高度来计算的) 图片在上,文字在下 在布局时,如果图片占据一个盒子的整个上半部分,在这个区域周围没有文字,则可以设置比例来使图片占满整个上部分的区域之后再设置padding或者margin来调节图片与边框的距离 如果...
2018-04-12 10:05:16 94
原创 脱离文档流
绝对定位元素和浮动元素没有外边距合并(脱离文档流)那就不占据文档空间所有和文档流无关元素,他们可以覆盖页面上的其他元素,可以通过z-index更改这些框的堆放次序.脱离文档流的情况:position:absolute;float:left/rightdisplay / list-style / position(相应的 top,right,bottom,left) / float / clear ...
2018-04-12 09:17:26 143
原创 外边距合并问题
外边距合并:当两个盒子嵌套时,它的垂直外边距会显示较大的那个值解决方法:加边框 加padding 2.当两个盒子相邻时,它的垂直外边距会显示较大的那个值。解决方案:中间加个元素就行(可以加个div,设置他的下边框是1px solid transparent) 3.大盒子(a)里面嵌套小盒子(b),要想去除边距合并的问题,解决方案是:a(父级)设置position:relative...
2018-04-12 09:15:33 289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人