HTML＆CSS布局浮点错误？

这基本上是网站http://funkz.nfshost.com/
柱底与<div id="big-post"></div>元素是浮动到左边，
与<aside id="tab-lists"></aside>元素侧边栏浮动到右边，
但是当我加入后，另一（或更多）<div id="big-post">元素第一个它移动整个侧边栏与帖子... 我试过清除，但没有帮助...我敢肯定解决方案很简单，有人可以帮我吗？HTML＆CSS布局浮点错误？

来源

2012-08-27 user1565092

您不能添加多个_big-post_。您正在使用'id'标签，因此该ID必须是唯一的。如果你有更多的_big-post_元素，你必须使用'class' – Federico

我知道，它只是用于测试。 – user1565092

我们也可以为测试做正确的事情;）错误的代码样式有时会隐藏一些错误 – Federico

右键浮动元素之前有其他元素放置，所以你必须做这样的事情：

.... 
<aside id="tab-lists"></aside> 
<div id="big-post"></div> 
<div id="big-post"></div> 
....

来源

2012-08-27 11:51:55 DonCallisto

感谢您的快速响应，这是我第一次尝试，但是当我这样做时，当我复制侧边栏时，帖子被推下来。 :( – user1565092

你<aside id="tab-lists"></aside>元素需要的<div id="big-post">元素的任意之前发生。

我刚刚将它移到了Chrome开发人员工具的post div之上，并且可以成功添加其他文章。

来源

2012-08-27 11:51:57 greg84

是的，但是当我添加另一个'

噢好吧，对不起，原以为你只是把那个放在一边，看到Chandrakant的回答 – greg84

<div class="some_new_div"> 
    <div id="big-post">...</div> 
    <div id="big-post">...</div> 
    <div id="big-post">...</div> 
</div> 
<aside id="tab-lists"></aside>

CSS

.some_new_div{float: left;}

删除浮动从大后，然后采取了新的元素，里面放但─大支柱件

来源

2012-08-27 11:52:43 Chandrakant

谢谢。:)（blbabablabalba） – user1565092

右侧越过在这种情况下离开，你的一边需要在链条中提升，在这种情况下，应该放在大邮件之上。

来源

2012-08-27 11:55:39 Dorvalla

HTML＆CSS布局浮点错误？

回答

相关问题