0

私はこのようなものを持っているとしましょう：

<div id="content">
   <div id="main_content"></div>
   <div id="profile_sidebar"></div>
   <div id="sidebar"></div>
</div>

コンテンツを次の順序（左から右）で表示したい：profile_sidebar、main_content、sidebar。float：left profile_sidebarとfloat：right sidebarを試していますが、期待どおりに表示されません。

また、profile_sidebarとsidebarはどちらもオプションです。ページに表示されない場合があります。

更新1：コンテンツを次のように更新しました：

<div id="content">
   <div id="profile_sidebar"></div>
   <div id="main_content"></div>
   <div id="sidebar"></div>
</div>
4

2 に答える 2

1

このjsfiddleはあなたが要求したことをします。サイズ、（負の）マージン、パディングを追加する必要があったので、明らかに完璧ではありませんが、コンテンツの表示を再配置します。ここでは、絶対位置または固定位置が理想的です。@少なくともサイドカラムの場合。それをチェックしてください：http：//jsfiddle.net/jalbertbowdenii/Zc7ds/26/

于 2012-04-28T05:43:50.117 に答える
0

構造を変えずにフロートだけで実現できるとは思いませんが、簡単です。私はそれがオプションではないと思いますか？

編集 これは、 jmbertucciの回避策position:absoluteと潜在的な問題を示しています。

于 2012-04-28T05:20:43.137 に答える