我如何給一個div內的所有東西給一個邊框

我有一個包含<tr><table>等的div，當我試圖給它一個邊框時，每個單元格都有邊框。它不給任何一個邊界：我如何給一個div內的所有東西給一個邊框

#dropDownDiv { 
    border-left: thin solid white; 
}

<div id="dropDownDiv"> 
<tr> 
    <td style="text-transform:capitalize;"> 
     ${bean.multiLineAddress}${bean.postCode} 
    </td> 
    <td> 
     <table border="0"> 
      <tr> 
       <td> 
        Home 
       </td> 
       <td> 
        ${bean.phoneNumber} 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Work 
       </td> 
       <td> 
        ${bean.phoneNumber_2} 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Mobile 
       </td> 
       <td> 
        ${bean.mobilePhone} 
       </td> 
      </tr> 
      <tr> 
       <td> 
        Email 
       </td> 
       <td> 
        ${bean.emailAddress} 
       </td> 
      </tr> 
     </table> 
    </td> 
    <td> 
     empty 
    </td> 
    <td> 
     warning 
    </td> 
    <td Style="text-transform: capitalize;"> 
     {for warning in bean.Warnings} 
     - ${warning}<br> 
     {/for} 
    </td> 
</tr> 
</div>

編輯：沒有一個答案工作

來源

2011-03-03 code511788465541441

@ user521180請提供一個簡短的獨立示例（15行應該足夠了）。這個問題實際上存在於程序的完全不同的部分。另外，「不起作用」是沒有意義的。你有沒有看到任何邊界？你正在使用哪種瀏覽器？此外，您的HTML無效。通過驗證器（如http://validator.w3.org）發送它，並在修改樣式之前先修復錯誤。 – phihag 2011-03-03 11:21:10

您只選擇了DIV，你必須選擇以及在專區內的一切：

#dropDownDiv, 
#dropDownDiv table, 
#dropDownDiv tr, 
#dropDownDiv td 
{ 
    border-left: thin solid white; 
}

或者你可以使用一個通配符：

#dropDownDiv * 
{ 
    border-left: thin solid white; 
}

這將選擇絕對內部的一切:)

只需抓住這個：

你缺少一個table標籤：

<div id="dropDownDiv"> 
<tr> 
    <td style="text-transform:capitalize;">

將其更改爲：

<div id="dropDownDiv"> 
<table> 
<tr> 
    <td style="text-transform:capitalize;">

你不能有一個<tr> wothout一個<table>。有些瀏覽器不知道如何處理它。 :)

來源

2011-03-03 11:07:05 Kyle

它不起作用 – code511788465541441 2011-03-03 11:15:58

哪個不行？它應該..你能告訴我們你正在處理的頁面嗎？ – Kyle 2011-03-03 11:20:42

使用

#dropDownDiv td { 
    border-left: thin solid white; 
}

，意思是「讓所有td元素是的後代210邊界「。

您的行缺少周圍的<table>標籤。你需要補充一點。

來源

2011-03-03 11:05:43

它不起作用 – code511788465541441 2011-03-03 11:15:01

@user您是否修復了您的標記？這是一個工作示例：http：// jsfiddle。net/2gueX/ – 2011-03-03 11:15:45

試試這個

#dropDownDiv td { 
    border-left: thin solid white; 
}

來源

2011-03-03 11:06:24

它不起作用 – code511788465541441 2011-03-03 11:15:26

什麼是你的頁面背景 – 2011-03-03 11:30:00

如果你想給的一切，DIV中的邊界（並在該分區），你可以使用：

#dropDownDiv, 
#dropDownDiv * { 
    border-left: thin solid white; 
}

border默認情況下不會在CSS繼承。

#dropDownDiv, 
#dropDownDiv td { 
    border-left: thin solid white; 
}

會做div和所有TD的內線例如

來源

2011-03-03 11:07:02 Alex

它不起作用 – code511788465541441 2011-03-03 11:11:06

我如何給一個div內的所有東西給一個邊框

回答

相關問題