頁邊距和圖像問題

2012-09-13 68 views 2 likes

對於我的生活，我無法弄清楚爲什麼邊緣不能在這裏的一些圖像上正確渲染。在第一和第二橫向取向圖像之後，邊緣與其上方的圖像/容器重疊。頁邊距和圖像問題

任何人都可以點亮一下嗎？

*對不起大家。我以前提供了錯誤的jsfiddle鏈接。我在這裏糾正它

2012-09-13 jpann

回答

你的圖像的邊緣可以collapse出div，因爲你div沒有邊框或填充。

我正在添加一些W3C文檔，但在幾行中給你一個清晰的邊緣崩潰的描述有點多。只需按照上面的鏈接獲取詳細信息。

一個簡單的修復方法是將1px 0的填充添加到div。

2012-09-13 18:57:56

我的確知道該修補程序，但是，我掛了錯誤的jsfiddle例子。我在原文中糾正了它。 – jpann

一種選擇是設置overflow:auto到div。

2012-09-13 18:59:01 j08691

+1或'overflow：hidden;' – iambriansreed

我知道'overflow：hidden'對於保持浮動元素非常有用。我將開始使用它來代替填充修正。 +1 –

我確實知道這個問題，但是，我鏈接了錯誤的jsfiddle示例。我在原文中糾正了它。 – jpann

相關問題