两个DIV并排的问题


<div style="width:400px;float:left"></div>
<div style="width:400px;float:right"></div>我现在像这样让两个div并排在一行上显示，但是当浏览器的宽度缩小到一定程度后右边那个div还是会到左边那个div下面去，请问有办法解决这个问题吗？

解决方案 »

  1.   

    <head runat="server">
        <title></title>
        <style type="text/css">
            *{ width:100%; margin:0px auto;}
        body{ width:100%; padding:0px; margin:0px auto;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div style="width:1003px; height:auto">
        <div style="float:left; width:400px; border:1px solid #CCC; height:20px;"></div>
        <div style="float:right; width:400px; border:1px solid #CCC;  height:20px;"></div></div>
        </form>
    </body>
    </html>
      

  2.   

    #content #LeftMenu
    {
    width: 300px;
    clear: right;
    float: left;
    background-color: #FF66CC;
    }
    #content #Main
    {
    width: 724px;
    clear: left;
    float: right;
    background-color: #00FFCC;
    height: 11px;
    }
    LeftMenu和Main是两个并排的div
      

  3.   


    <div>
        <div style="float:left;width:300px;"></div>
        <div style="margin-left:300px;width:auto;"></div>
        <div style="clear:both"></div>
    </div>
      

  4.   

    在外面搞一个div，把那两个放到里面 或者用表格
      

  5.   

    给这两孩子找一个妈,让妈的width固定.