mess
在調(diào)試CSS的時(shí)候，常常會(huì)出現(xiàn)屬性互相影響的情況吉捶，like this
image
為什么？——沒(méi)有規(guī)律皆尔，不正交
怎么學(xué)呐舔？——背文檔 or 試
-
margin和border -
小圓點(diǎn)和
display（示例）<li>元素默認(rèn)display: list-item砌们，如果將其display設(shè)為其它值杆麸，則小圓點(diǎn)就消失了。 -
position: absolute和display: inline（示例）可以看到
display設(shè)置成inline的元素浪感，在使用絕對(duì)定位后計(jì)算出來(lái)block（補(bǔ)充：inline-block也會(huì)變?yōu)?code>block昔头，如果使用inline-flex則會(huì)變成flex，說(shuō)明只要使用了position: absolute影兽，任何display設(shè)置有inline的都會(huì)被轉(zhuǎn)換）image transform和position: fixed（示例）-
float和文字（示例）float最初的設(shè)計(jì)目的是為了圖文混排揭斧，因此文字會(huì)感知float元素，但float對(duì)其它元素位置不會(huì)產(chǎn)生影響峻堰，因?yàn)?code>float元素脫離了文檔流讹开。而使用position: absolute的元素也脫離了文檔流，但其它盒子和文本都會(huì)忽略它捐名。
參考內(nèi)容：CSS問(wèn)什么這么難學(xué)旦万？
