CSS学习笔记之布局

  • 增加boxsizing:border-box属性,添加边距不再会使盒子变宽,而是使内容变窄。
  • 在原有元素外增加div,然后设置div的边距,也能达到良好的效果
  • 预防图片宽度超过父元素
inner img{
    max-width:100%
}

– 使用display:table-cell,可以像表格一样使元素内的子元素自动等高

布局更多地还是要思考,通过什么样的组织方式把元素分组归类,设计尽量少的样式,达到最好的效果

    原文作者:suemi
    原文地址: https://segmentfault.com/a/1190000002405742
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞