Html 每个分区可以'；在这个两列CSS布局中，您的支持率不能达到50%吗？ 问题

如果两个宽度均为

50%

，则第二个

DIV

是环绕的，但如果我将其中一个

DIV的宽度设置为
49%
，它将作为两列进行布局。这是预期的行为还是我做错了什么

CSS
HTML

开始日期：
结束日期：
你的问题很模糊，但我试图给出一个可能解决你问题的答案：

首先，您应该始终包含适当的doctype，以使所有浏览器的行为方式相同。建议使用
。它适用于所有浏览器，甚至IE6

此外，你还必须意识到可能发生的情况

现在，您可以尝试在div-like上设置
框大小
属性。另外，将显示类型设置为
显示：内联块
，因为内联元素上无法识别
宽度

前两个div适合一行，因为具有
框大小：边框框
声明-边框和填充都包含在
50%
宽度中

第二个div中断，因为它们有标准的w3c box model。
50%
宽度仅用于内容，填充和边框添加到宽度中，因此超过了
100%
总宽度

我相信这可以解决你的问题。如果在这种情况下，代码中的其他地方有一些css，它们会修改div（添加边框/填充）使其换行。
您的问题非常模糊，但我尝试给出一个可能解决您问题的答案：

首先，您应该始终包含适当的doctype，以使所有浏览器的行为方式相同。建议使用
。它适用于所有浏览器，甚至IE6

此外，你还必须意识到可能发生的情况

现在，您可以尝试在div-like上设置
框大小
属性。另外，将显示类型设置为
显示：内联块
，因为内联元素上无法识别
宽度

前两个div适合一行，因为具有
框大小：边框框
声明-边框和填充都包含在
50%
宽度中

第二个div中断，因为它们有标准的w3c box model。
50%
宽度仅用于内容，填充和边框添加到宽度中，因此超过了
100%
总宽度

我相信这可以解决你的问题。如果是这种情况，你的代码中的其他地方有一些css，它会修改你的div（添加边框/填充）使其换行。
这是在任何浏览器中发生的还是在IE中发生的？@dnagirl，现在我只在IE中测试它，IE是我的主要使用浏览器，所以我通常先在那里使用它。在chrome上对我来说效果很好，请参阅->我也在IE8上测试了上述链接，效果良好。尝试提供一个重现问题的测试用例，可能是您在html中添加了一些空白，使得第二个div需要包装。@BigM：您使用的是哪个版本的IE？这是在任何浏览器中发生的还是仅在IE中发生的？@dnagirl，现在我只在IE中测试它，这是我主要使用的浏览器，所以我通常先让它在那里工作。它在chrome上运行良好，请参阅->我也在IE8上测试了上面的链接，运行良好。尝试提供一个重现问题的测试用例，可能是您在html中添加了一些空白，使得第二个div需要包装。@BigM：您使用的是哪个版本的IE？可能会提到W3C代码验证以及IE如何讨厌无效html。这让我找到了我的答案，因为我开始搜索了解我找到Twitter引导的box模型（）它可以处理所有的框模型问题，并构建可以在所有浏览器中工作的CSS。谢谢你帮助我更好地理解我的问题！也许会提到W3C代码验证和IE如何讨厌无效HTML。这让我找到了答案，当我开始搜索了解box模型时，我找到了Twitter Bootstrap（），它可以处理所有box模型问题，并构建适用于所有浏览器的CSS。谢谢你帮助我更好地理解我的问题！
.box
{
    display: block;
    width: 100%;
    padding: 0;
}

.box.twocolumn .column1
{
    display: inline;
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}

.box.twocolumn .column2
{
    display: inline;
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
}

<div class="box">
    <div class="box twocolumn">
        <div class="column1">
            <label>
                Start Date:</label>
            <asp:TextBox ID="StartDate" CssClass="datepicker" runat="server"></asp:TextBox>
        </div>
        <div class="column2">
            <label>
                End Date:</label>
            <asp:TextBox ID="EndDate" CssClass="datepicker" runat="server"></asp:TextBox>
        </div>
    </div>
</div>