子div浮动在其父项下

所以基本上，我想要两个div来坐在另一个div内。第一个坐在里面没有问题，但第二个漂浮在父母之下。当我添加overflow:hidden时，我无法再看到div。我得到的最接近的解决方案是添加overflow:auto，但这只是创建一个滚动条。我已经尝试调整大小，不同的位置，溢出和clearfix，但到目前为止我找不到解决方案。任何想法家伙？ JSFiddle演示http://jsfiddle.net/QLbGc/感谢您的帮助，现在已经让我烦恼了几天。子div浮动在其父项下

来源

2014-03-06 user2834090

第二个div应该在哪里显示？ – Neha

如果你正在寻找有并排的两个div身边的应该是一个小提琴。

http://jsfiddle.net/Hastig/QLbGc/6/

我剥出一堆东西，因为我不知道你需要它，或者它只是东西，你在它扔，试图影响的变化。

有人提到你错过了float: left;在我们假设你想作为你的左div。

记得补偿边距和填充以匹配容器格。

在我的例子中，主容器宽500px。如果将每个浮动div设置为250px宽度，并将其添加到这些div上的20px组合边距时，则总宽度将变为520px，并将该右侧div推到左侧div下方，以便您需要每个浮动div在240px处进行补偿。百分比相同。

如果我误解了你的意图，并且你想隐藏其中一个div，使用display: none;就可以了，并且你想显示的宽度加倍。

来源

2014-03-06 09:45:17

谢谢，那正是我需要的！ – user2834090

试着把这段代码放到你的css中。

.content::-webkit-scrollbar { 
    display: none; 
}

来源

2014-03-06 08:36:21

不，所有这一切都是错误的是OP没有将'float'添加到其他'div'。 – Ruddy

你忘了把float:left;在幻灯片DIV

应该

#slideshow { 
background-color: #000; 
margin: 15px; 
height: 95%; 
width: 60%; 
-moz-border-radius: 15px; 
border-radius: 15px; 
float: left; 
}

所以，现在你已经在“幻灯片” DIV浮动左，“关于” DIV浮动的权利，他们可以放在父div内。

基本上他们是第一次在父div里面，但关于div是在幻灯片div下。

演示：这里

http://jsfiddle.net/QLbGc/2/

来源

2014-03-06 08:37:56 vaskort

正确，没有'float：left'导致'float：right''div'被压在它下面。因此，在没有float的情况下将'float：left'添加到'div'，并将容器设置为'overflow：hidden'并且所有都是固定的。好工作Bill K – Ruddy

子div浮动在其父项下

回答

相关问题