事業部はフレーム内に留まらない

私は置いていないdivを持っていますが、それは親の外を移動します。私が問題を抱えている部門は「6」とマークされています。親の外側を右へ移動します。事業部はフレーム内に留まらない

ここに私のコードです。

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    <style type="text/css"> 
     html{ 
     border:1px solid; 
     height:99%; 
     } 
     body{ 
     height:100%; 
     margin:0; 
     padding:0; 
     } 
     #pageWrapper{ 
     padding:0; 
     margin:0; 
     height:100%; 
     position:relative; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="pageWrapper"> 
     <div style="width:50%;border-right:0px solid;height:100%;float:left;position:relative;"> 
     <div style="width:100%;height:30%;border:1px solid;">1</div> 
     <div style="width:100%;height:40%;border:1px solid;">2</div> 
     <div style="width:100%;height:30%;position:absolute;bottom:0;border:1px solid;">3</div> 
     </div> 
     <div style="width:50%;border:0px solid;height:100%;float:right;"> 
     <div style="width:100%;height:40%;border:1px solid;">4</div> 
     <div style="width:100%;height:40%;border:1px solid;">5</div> 
     <div style="width:100%;height:20%;position:absolute;bottom:0;border:1px solid;">6</div> 
     </div> 
    </div> 
    </body> 
</html>

出典

2012-02-17 Muzz

どこにいたいですか？ –

ヘイ、ナック、divs 3と6は親部門のフロアにある – Muzz

位置追加：親のdivに対してまたは位置を削除します。あなたは

出典

2012-02-17 09:11:46

ありがとう、どうして私はそれを逃したのか分かりません！時間切れになったら、あなたの答えをあなたに信用します。 – Muzz

あなたは正解としてそれをマークする気にならないことを願っています –

もちろんパル、私は今それを受け入れるだろうが、私は正しい答えとしてこれを受け入れることができる6分を待たなければならないとstackoverflowは言う。 – Muzz

をマークDIVから絶対は下位2つのdivにposition:absolute;bottom:0を取り除く - それは不要だし、あなたの不安定な動作の原因となります。

出典

2012-02-17 09:13:07

フロリアン、私がポジションを取り除くと、絶対的に、どのように部門が下がるのでしょうか？ – Muzz

彼らは相次いで並べられているので、下に留まる？参照してください：http://jsfiddle.net/Cxg5S/ –

ありがとうFlorian。私はあなたが何を意味するかを見ます。私は100％の高さを使用していて、親内のすべてのコンテナは100％の高さを使用しているので、底部のdivは常に床にあります。したがって、絶対配置の必要性は不要です。私はあなたのポストを上げた。 – Muzz

事業部はフレーム内に留まらない

答えて

関連する問題