CSS-不需要元素在我的浮动元素下方
|
我有一个带有\“ sidebar \\”文本的浮动div。其父容器也有文本。
我不想在浮动的“侧边栏” div下方添加文本：
示例http://img864.imageshack.us/img864/6058/screenshot2011052613084xv.png
我怎样才能解决这个问题？
<div id=\"parent\">
<div id=\"floated\" style=\"float:right\">Foo bar</div>
<h2>Foo</h2>
<p>Text!</p>
</div>
没有找到相关结果
已邀请:
5 个回复
剑哎
或修复此问题：<div id=\"parent\"> <div id=\"floated\" style=\"float:right\">Foo bar</div> <div class=\"next-to-float\" style=\"overflow: hidden;\"> <h2>Foo</h2> <p>Text!</p> </div> </div>这样做的原因，但我知道它确实遵循CSS规范。挂帘妈乡
<div id=\"parent\"> <div id=\"floated\">Foo bar</div> <div id=\"content\"> <h2>Foo</h2> <p>Text!</p> </div> </div>#floated { float: right; padding: 1em; background: #ccc; width: 10em; } #content { margin-right: 13em; /* 10em width + 2 x 1em padding + 1em space */ }刷遍派戳
荒劫娇噬
<div id=\"parent\"> <div id=\"floated\" style=\"width:200px; float:right\">Foo bar</div> <div id=\"content\" style=\"width:600px; float:left\"> <h2>Foo</h2> <p>Text!</p> </div> </div><div id=\"parent\"> <div id=\"floated\" style=\"width:200px; margin-bottom:200px; float:right\">Foo bar</div> <h2>Foo</h2> <p>Text!</p> </div>完趣镐
<div id=\"parent\"> <div id=\"floated\" style=\"float:right\">Foo bar</div> <h2>Foo</h2> <p style=\" width: 500px; \">Text!</p> </div>