Question

我正在制作一个网页（问题下方的代码）。我有一个主要部门，宽度为90％，背景颜色为白色。在这个部门中，我又进行了4次划分，其中划分为4个相等的象限。我希望得到白色作为所有这些分区的背景，但是他们正在使用body标签的bgcolor属性。如何让这些分区具有与其父div相同的背景？

代码：

<body bgcolor="grey">
<div  style="width: 90%;  margin:0 auto; text-align:justify;  background-color: white;" >
    <div id="div1" align="center" style="width: 50%; height: 50%; float: left; background-color: white;">
        <h3> This Division </h3>
        <h4>With separate bg attr</h4>
        <table>
        <thead>
        <tr>
            <th>A</th>
            <th>B</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td> C </td>
            <td> 756 </td>
        </tr>
        <tr>
            <td>D</td>
            <td>749</td>            
        </tr>
        <tr>
            <td onclick="display('test');">E</td>
            <td>8</td>
        </tr>
        </tbody>
        </table>
    </div>
    <div id="div2" style="width: 50%; height: 50%; float: left;"> This is division 2</div>
    <div id="div3" style="width: 50%; height: 50%; float: left;">This is division 3 </div>
    <div id="div4" style="width: 50%; height: 50%; float: left;">This is division 4</div>

</div>

Answer 1

问题是你正在使用Float：留给你的孩子Div 没有为父div浮动，这就是为什么父div不填充区域

只需将float：left添加到父div，然后它就会按你的意愿工作

<div  style="width: 90%;  margin:0 auto; text-align:justify;  background-color: white;float;left" >

如何在HTML中维护父分区的背景颜色

1 个答案: