空格與2px寬度和背景顏色不顯示高度爲100％

我有一個表3列和第一和第三列除以垂直線，我用它與100％的高度和背景顏色的表在FF中正常工作，但在Chrome或IE中不起作用。空格與2px寬度和背景顏色不顯示高度爲100％

現在我用div標籤替換表格，但空的div不顯示出來。下面是示例代碼，我嘗試了很多東西，現在我很困惑要使用什麼。需要CSS Gurus的幫助。

.PageLine2V 
    { 
     width:2px; 
     content: ""; 
     min-height: 100%; 
     background-color:#D1C094; 
     background-image:url('../images/gold-line-2v.gif'); 
     background-repeat:repeat-y; 
    } 
<table height="100%"> 
     <td width="60px" valign="top" align="center" > 
     <div class="PageLine2V"></div> 
     </td> 
</table>

我不知道我怎麼可以讓這個空div顯示出來，並與檯面高度也

來源

2012-02-03 Learning

.PageLine2V 
    { 
     width:2px; 
     content: ""; 
     min-height: 100%; 
     background-color:#D1C094; 
     background-image:url('../images/gold-line-2v.gif'); 
     background-repeat:repeat-y; 
     height: 100%; 

    }

增長給的div 100％

同樣的高度在添加的東西div等空間，它不會沒有內容地呈現。

<table height="100%"> 
     <td width="60px" valign="top" align="center" > 
     <div class="PageLine2V">&nbsp;</div> 
     </td> 
</table>

來源

2012-02-03 20:27:20

也不管用..它仍然沒有顯示div – Learning 2012-02-03 20:30:40

@StudentDubai我更新了嘗試我的新建議 – 2012-02-03 20:39:03

問題是與父表，因爲我沒有提到高度= 100％它現在工作正常，並顯示正確在所有瀏覽器 – Learning 2012-02-03 20:51:21

-1

給它一個位置：absolute; http://jsfiddle.net/eg6DP/

你可以在最左邊看到它，當你在它的時候也給表格一個位置。

來源

2012-02-03 20:33:34 zero

它沒有出現在當我使用它與我的網頁時，我必須調查可能是重疊pr類似的東西..問題是，當我把任何字符在div標記顯示行，但當它是空的時候它不會.. – Learning 2012-02-03 20:39:51

在標籤的一側添加空格：

– zero 2012-02-03 20:41:36

將高度設置爲100％要求父項具有明確定義的高度。將height: 100%添加到td（div的父級）。經過測試並與jsfiddle一起工作。

來源

2012-02-03 20:43:44

.PageLine2V 
{ 
    width:2px; 
    content: ""; 
    min-height: 100%; 
    background-color:#D1C094; 
    background-image:url('../images/gold-line-2v.gif'); 
    background-repeat:repeat-y; 
    height: 35px; /* As required */ 
    display:inline-block; 

}

希望這會起作用。正如我試過的，我已經使用了像素中固定高度的相同代碼，並添加了display:inline-block;。接下來，您可以嘗試調整父級高度參數以進一步定位。

來源

2012-08-02 16:39:50

空格與2px寬度和背景顏色不顯示高度爲100％

回答

相關問題