絶対配置されたdivのマージンが崩れていませんか？

Question

私は4 DIVの全

1容器 1サブメニュー 1コンテンツ彼らように設定されている

1サイドバー：

<container> 
    <submenu></submenu> 
    <content></content> 
    <sidebar></sidebar> 
</container> 

容器が位置有する：相対オーバーフロー。隠し

サブメニューとコテンは浮動小数点を使用しています：左にマージンを使用して配置します

サイドバーは絶対的に右側に配置されています（浮動小数点はレイアウトに影響するため機能しません）。

サイドバーの内側に縦に表示されている画像がありますが、画像はコンテナによって切り取られています。私が浮動小数点または相対位置に設定すると、サイドバーが適切に含まれます。私はサイドバーの後で明確な修正を試みたが、それは動作しません。

これは私が常に問題を抱えている問題の1つです。助言がありますか？

-----編集------

<div id="content"> 
    <div id="submenu"> 
    </div> 
    <div id="contentBox"> 
    </div> 
    <div id="sidebar"> 
    </div> 
</div> 

#content 
{ 
    margin: -22px auto 0 auto; 
    overflow: hidden; 
    padding: 0 10px 10px 10px; 
    position: relative; 
    text-align: left; 
    width: 961px; 
} 

#submenu 
{ 
    background-color: #001a28; 
    border: 5px #008da8 solid; 
    float: left; 
    margin: -20px 0 0 -10px; 
    padding-top: 20px; 
    width: 700px; 
} 

#contentBox 
{ 
    background-color: #ffffff; 
    float: left; 
    margin: 10px 0 10px -10px; 
    width: 710px; 
} 

#sidebar 
{ 
    border-left: 5px #008da8 solid; 
    border-right: 5px #008da8 solid; 
    background-color: #ffffff; 
    display: block; 
    height: 100%; 
    position: relative; 
    float: right; 
    text-align: center; 
    right: 10px; 
    top: -10px; 
    width: 207px; 
} 

Answer 1

私は親要素の高さのdivの100％を作るための簡単な方法を発見していません。私は過去に不正行為をすることができました。<サイドバーをの高さに100％伸ばしてみるのではなく、<コンテナ>に縦の背景ストレッチを使用して、サイドバーが位置するストライプを作成し、<サイドバー> bg-transparent。そのようにして、<のサイドバーの高さが何であっても、<コンテナ>の高さの100％であるという錯覚が常にあります。

これを済ませたら、記述したように画像が切り取られていないことを確認してください。同じ効果が得られるはずです。しかし、あなたが達成しようとしていることについてもっと知らないと、これがあなたに役立つかどうかは分かりません。お役に立てれば！