如何为div中的所有内容赋予边框

Question

<tr><table>当我尝试给它一个边框以便每个单元格都有边框工作时,我有一个包含等的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>

编辑:没有一个答案奏效

Answer 1

你只选择了div,你必须选择div中的所有内容:

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

或者您可以使用通配符:

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

哪个会选择div里面的所有东西:)

刚抓到这个:

你错过了一个表标签:

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

将其更改为:

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

你不能有一个<tr>蠢货<table>.有些浏览器不知道如何处理它.:)