0

わかりましたので、以下の CSS を使用していますが、#profile_side が #wrap_p から脱落し続けていますか? 私は何を間違っていますか？ググってみたけど… 

         #wrap_p{


            border-style: solid;
        }
        #profile_side{
            width: 20%;
            float: right;
            padding: 10px;
            border-style:dashed;
            border-color: gray;
        }
        #profile_main{
            width: 70%;

            padding:10px;
            border-style:dashed;
            border-color: gray;
        }

ここにhtmlがあります：

    <div id="wrap_p">
    <div id="profile_side">
    <img src="/img.png" width="100%"/>
            <big>username</big>
            <p>user information</p>
    </div>
    <div id="profile_main">
            main user stuff
    </div>
    </div>
4

1 に答える 1

4

解決策：overflow: hidden;に追加#wrap_p

このデモを確認してください: http://jsfiddle.net/WsHAT/1/

overflow: hidden要素のサイズを超えるコンテンツを非表示にするようブラウザに指示するために使用されます。ただし、これが機能するには、要素に指定された高さの値が必要です。

高さが指定されていない要素の場合、またはheight: auto（あなたの場合のように）、これは基本的に要素を展開してすべてのコンテンツを表示します。

于 2012-10-14T05:15:52.853 に答える