-
元素尺寸：可視尺寸clientWidth(標準) 占據尺寸-outerWidth(YY)
查看全部 -
圖片的大小變化可以用百分比來調整，查看全部 -
1，在元素設置了position：absolute的時候，要對應設置left，right，top，buttom，margin才會有效效果
查看全部 -
雙欄 等高布局
但是由于 margin設置為負數了，會出現元素左上角偏移很大，當我們使用了focus的時候，就會因為元素偏移很大，而出現了頁面飛走的情況查看全部 -
margin副作用好大呀，還是用position布局比較穩(wěn)定啊
查看全部 -
誕生之初，相當于跟報紙一樣的排版，只需要這些簡單的屬性。因此margin的使用，要回歸本身，當前網頁新增的元素，應該用新增的屬性去布局。
查看全部 -
margin-left:-50px;
能讓面積突破父元素區(qū)域。
查看全部 -
width固定，就無法用margin改變尺寸了。
只有width不設置或者width:100%; 才能合理用margin布局
查看全部 -
inline水平元素的垂直margin無效，替換元素如<img>、<button> 除外
display:table-cell/display:table-row等聲明的margin無效，替換元素如<img>、<button> 除外?
絕對定位元素非定位方向的margin值看上去無效，其實是有效的，只是因為絕對定位元素與相鄰元素之間是獨立存在的。 如果給容器加上position:relative就能是margin生效
浮動導致的margin失效，其實是因為浮動元素是相對相鄰元素獨立存在導致的。
內聯inline特性導致的margin失效，是因為內聯元素不能完全偏離到容器外導致的
查看全部 -
writing-mode:horizontal-tb;//默認：水平方向，從上到下
writing-mode: vertical-rl;//垂直方向，從右向左
writing-mode: ?vertical-lr;//垂直方向，從左向右
改變dom流的方向，也包括margin-start的方向-webkit-margin-collapse:<collapse>（默認-重疊）|<discard>（取消-margin失效）|<separate>（分隔-margin累加）?
控制margin重疊，
查看全部 -
webkit下的其他margin相關屬性：margin-before、margin-after
margin-collapse
查看全部 -
margin-start margin-end
查看全部 -
6、內聯特性導致的margin無效
查看全部 -
5、鞭長莫及導致的margin無效
查看全部 -
4、position：absolute與margin
絕對定位元素非定位方位的margin值無效
（容器添加position: relative）
查看全部
舉報