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 可以满足您的要求；我确实必须添加尺寸、（负）边距和填充，所以显然它并不完美，但它确实重新排列了内容显示。imo position absolute 或 fixed 在这里是理想的，@至少对于侧栏。看看：http: //jsfiddle.net/jalbertbowdenii/Zc7ds/26/

于 2012-04-28T05:43:50.117 回答
0

我不相信你可以在不改变结构的情况下只使用浮点数来实现这一点，但是这很容易。我想这不是一个选择？

编辑 这说明了 jmbertucci 的position:absolute解决方法和潜在问题。

于 2012-04-28T05:20:43.137 回答