Question

我需要这两个div看起来像一行表，但是它们不会在另一行旁边显示。有什么帮助吗？

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Info-Stanković Inženjering</title>

        <style type="text/css">
            div#wrapper{
                width:1004px;
                width:602px;
                margin-left: auto;
                margin-right: auto;
            }

            div#left{
                border-bottom: 1px solid #606060;
                border-left: 1px solid #606060;
                border-top:1px solid #606060;
                width:640px;
                height:600px;
                min-width: 640px;
                min-height: 600px;
            }

            div#right{
                border-bottom:  1px dashed #FF2A2A;
                border-left: 1px dashed #FF2A2A;
                border-right: 1px dashed #FF2A2A;
                border-top:1px dashed #FF2A2A;
                margin-left:643px;
                width:360px;
                min-width:360px;
                height: 600px;
                min-height: 600px;
                float:left;

            }


        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="left">

            </div>
            <div id="right">

            </div>
        </div>
    </body>
</html>

Answer 1

尝试在overflow: auto

上设置#wrapper

要找出原因，请在此处查看我的问题的答案： Why does setting overflow alter layout of child elements?

Answer 2

浮动：左边应该是div＃left而不是div＃right

Answer 3

div＃left仍然需要“float：left”，因为div标签是一个块元素，它不允许其周围的其他元素。

分区定位问题

3 个答案: