-1

在下面的代码中，我想将内容 div 中的文本（右侧的那个）对齐到靠近边框，离导航菜单不远我知道这是由于我的导航菜单向左浮动，但我做不到！！！！

                <div style="position:relative; top:10px; float:left; border: 1px blue dashed; width:150px">
                <ul>
                    <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="index.html">Home</a></li>
                    <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="Listings.html">Listings</a></li>
                    <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="Financing.html">Financing</a></li>
                    <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <div style="position:relative; top:10px; border: 1px red dashed; left:155px; width:800px; min-height:600px">
                test
            </div>
4

3 回答 3

2

就像 Khanh Tran 提到的那样，您可以删除“left：155px;” 来自您的内容 div，但这会影响您的边界所在的位置。然后你可以做的是将相同的 div 也浮动到左边。

所以，改变这个：

<div style="position:relative; top:10px; border: 1px red dashed; left:155px; width:800px; min-height:600px">test</div>

对此：

<div style="float:left; position:relative; top:10px; border: 1px red dashed; width:800px; min-height:600px">test</div>
于 2012-09-30T00:23:24.407 回答
1

减少left:155px到left:10px或您可以完全删除此属性。

更新：

你只需要设置position:absolute

看看：http: //jsfiddle.net/2dcPE/7/

于 2012-09-30T00:17:46.600 回答
0

试试这个

<div style="float:left; top:10px; border: 1px red dashed; width:800px; min-height:600px">
            test
        </div>​
于 2012-09-30T00:30:46.567 回答