-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が述べたように、「左：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 に答える