CSS学习笔记之布局


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

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

你可能感兴趣的:(CSS学习笔记之布局)