2015-04-30 111 views
-1

这是代码,你可以很容易地看到错误。侧边栏走到外面?

#wrap { 
 
    text-align: center; 
 
    height: auto; 
 
    margin: 0 auto; 
 
    width: 1024px; 
 
    background: #CCC; 
 
} 
 
#sidebar { 
 
    height: auto; 
 
    width: 300px; 
 
    padding: 20px; 
 
    margin-top: 60px; 
 
    padding-bottom: 100px; 
 
    border: outset; 
 
    float: right; 
 
    overflow: auto; 
 
} 
 
#content { 
 
    border: outset; 
 
    overflow: auto; 
 
    width: 500px; 
 
    height: auto; 
 
    padding: 20px; 
 
    margin-top: 60px; 
 
    padding-bottom: 100px; 
 
    clear: left; 
 
}
<div id="wrap"> 
 
    <div id="sidebar">Some text here</div> 
 
    <div id="content">Some text here</div> 
 
</div>

我有一个鬼鬼祟祟的怀疑,它必须做浮动:正确的,但我不能让侧边栏留在右侧没有它。

我想将包装展开到里面的任何东西的高度,这就是为什么我设置高度:自动,但它不工作,请帮助。

+0

哪里是代码 – stanze

+0

对不起它不会让我张贴的jsfiddle链接出于某种原因...编辑。 – TwoPluzTwo

+1

您应该将您的代码减少到仅重现此问题所需的内容。既然你已经有一个偷偷摸摸的嫌疑,这是一个很好的工具,可以告诉你哪些部件要先移除。 –

回答

1

这个CSS proprty加入这个ID

#content{ 
    float: left; 
} 
+0

谢谢Humble.Rumble,修复了它。 =) 不知道为什么我有-4票在这个问题上,虽然.....考虑它解决了! – TwoPluzTwo