以我正在處理的項目的下方爲例這個圖像... 藍色背景是在另一個DIV中包含所有側邊欄接觸的DIV部分一起。爲了讓Blue BG DIV
有圓邊框,沒有因爲父母保證金/填充的差距,我不得不使用切緣陰性
margin: -9px -2px 8px -6px;
在CSS中使用負邊距或填充是不好的做法
所以現在的問題是,是不好的做法,使用切緣陰性或填充?
以我正在處理的項目的下方爲例這個圖像... 藍色背景是在另一個DIV中包含所有側邊欄接觸的DIV部分一起。爲了讓Blue BG DIV
有圓邊框,沒有因爲父母保證金/填充的差距,我不得不使用切緣陰性
margin: -9px -2px 8px -6px;
在CSS中使用負邊距或填充是不好的做法
所以現在的問題是,是不好的做法,使用切緣陰性或填充?
否;這不是壞習慣,只要你意識到你正在使用負邊距的事實,並且這必然會「拉動」/「移動」其他元素「正常」的位置。
爲什麼你會爲此擔心?
此外,CSS規範涵蓋的利潤率相當公平。 (順便說一下,我還沒有寫入萬維網風格,但我一直在忙着modding,但我看到你正在幫助你解決這些問題:) – BoltClock 2011-12-30 23:20:29
我問的主要原因是因爲我我不想編碼整個站點或2個使用它們,然後發現這樣做不好,只是想確保 – JasonDavis 2011-12-30 23:21:13
我知道這是一個非常古老的答案,只是想也說你不要擔心樣式造成的「不好的做法」,只要它在你想支持的瀏覽器上工作,那麼它的所有A-OK :) – Canvas 2016-10-07 08:24:19
消極的利潤率是一個很好的方式來否定填充標題內的元素等我沒有發現負面結果(赦免雙關語)使用負利潤率。 E.g:
<div style="padding:10px;border:1px solid blue;">
<div style="margin:-10px -10px 10px -10px;backgorund-color:yellow;">Full width heading</div>
The content of the div which is now padded in by ten pixels.
<div>
我很擔心切緣陰性,當我第一次發現了他們,但發現他們是非常有用的是這麼多的佈局areas-實際上減少DIV計數和清理佈局代碼。
負面填充是不允許的(並且不工作)在CSS中,只有負邊距。 – biziclop 2011-12-30 23:12:33
@biziclop感謝您的信息,我想我正在嘗試它,它不工作,我覺得它是東西超過它,所以這真的很好知道現在 – JasonDavis 2011-12-30 23:19:20
@JasonDavis這取決於你如何使用它們。就像他們的方式bootstrap使用他們,他們工作得很好,因爲bootstrap照顧所有響應和所有的東西。如果您使用負邊距,則同樣在這裏,您必須照顧所有設備,否則在某些屏幕上可以創建水平或垂直滾動條。 – 2017-12-05 07:24:02