IE的雙邊距Bug以及解決辦法
display:inline和display:block區別 一、什么是雙邊距Bug？ 先來看圖： 我們要讓綠色盒模型在藍色盒模型之內向左浮動，並且距藍色盒模型左側100像素。這個例子很常見，比如在網頁布局中，側邊欄靠左側內容欄浮動，並且要留出內容欄的寬度。要實現這樣的效果，我們給綠色盒 ...
原文：IE6雙邊距bug及其解決辦法
上面這段代碼，在IE 和FF中的顯示結果分別如下圖所示: 可以看到，在IE 中顯示的紅色區域的左邊距實際為 px，是CSS代碼中設置的 px的兩倍，這是IE 的雙邊距BUG。當滿足下面這三個條件時，就會出現這個BUG： 要為塊狀元素 要左側浮動 要有左外邊距 margin left 。 出現雙邊距的條件是當浮動元素的浮動方向和margin的方向一致時才會出現。也就是說，並不是只有塊狀元素左浮動， ...
2016-09-01 22:42 0 2011 推薦指數：
相關推薦
IE6雙倍邊距一招搞定
所謂的IE6雙倍邊距就是指當元素有float屬性，又有margin屬性時，在IE6下面顯示的margin的值是設置值的兩倍。下面的代碼： IE6顯示效果為：IE8顯示效果為： 可以看得出來左邊距在IE6下面明顯比IE8下面的大，在ie6下面的左邊距變成了20px，而不是設置 ...
IE6下javascript:void(0)的詭異與解決辦法
IE6下<a href="#">與<a href="javascript:void(0);">的區別 JavaScript AjaxIEFirefoxHTML. 之前在項目，用到超鏈接，在ie6+下沒有問題，但是到了ie6，居然發現點擊事件不起作用， 真不 ...
ie6 表格td中無內容時不顯示邊框的解決辦法
1、在單元格中加入一個空格。這樣: <td>& </td> 2、直接在table里這樣寫:<table border="0" cellspacing="0" st ...
IE6、7下塊級元素設置display:inline-block不換行的解決辦法
使用背景 在實際的工作中，我們有的時候會把塊元素設置為inline-block，這樣做的目的有2個，一是塊元素能夠排列到一行，二是塊元素就形成包裹性，能夠自適應content area，而不必設置寬和高（依實際情況而定），在現在瀏覽器中沒有什么問題，但是IE6、7下，當把block元素設置成 ...
IE6 與 GZIP, BUG匯總
bug1描述: IE6部分版本,某些情況下,開啟gzip的資源,會不渲染或不執行(如果是.js的話.) 會引發此bug的條件: 1. 首先,必須由a頁跳轉到b頁面 : 即 a頁面有 location.href = b頁面.(點鏈接,form post ...
IE6的一個小bug
這段代碼對<p>的首字符樣式定義在IE6上看是沒有效果的,而在p:first-letter和{font-size:300%}加上空格，也就是p:first-letter {font-size:300%}后，顯示就正常了。 這個問題主要是出現在IE6瀏覽器中，而且這位朋友 ...
外邊距塌陷問題的解決辦法
會導致外邊距塌陷的兩種情況 情況一：兩個兄弟盒子，上面的盒子設置了margin-bottom,下面的盒子設置了margin-top,實際中會取值較大的那個屬性值顯示在網頁中。這種情況一般較為少見。這兩個屬性只設置一個即可解決。 情況二：嵌套盒子（父元素與子元素）間的外邊距塌陷（發生在垂直方向 ...