- 增加boxsizing:border-box屬性,添加邊距不再會(huì)使盒子變寬,而是使內(nèi)容變窄。
- 在原有元素外增加div,然后設(shè)置div的邊距,也能達(dá)到良好的效果
- 預(yù)防圖片寬度超過(guò)父元素
inner img{
max-width:100%
}
- 使用display:table-cell,可以像表格一樣使元素內(nèi)的子元素自動(dòng)等高
布局更多地還是要思考,通過(guò)什么樣的組織方式把元素分組歸類,設(shè)計(jì)盡量少的樣式,達(dá)到最好的效果