在位置相对div内浮动div答案

【问题标题】：float divs inside position relative div在位置相对div内浮动div
【发布时间】：2012-05-25 03:18:51
【问题描述】：

我有一个 div 相对位置（id 容器），在其中我有其他必须浮动的 div（类按钮）：left;

<div id="container">
    <div class="buttons"></div>
    <div class="buttons"></div>
    <div class="buttons"></div>
</div>

问题是如果我设置按钮 divs float: left;他们没有在容器 div 内进行比较，我不知道他们在哪里，即使有萤火虫我也找不到他们。我删除浮动：左；显示 div，但一个在另一个之下，而不是一个在另一个旁边。我能怎么做？谢谢，马蒂亚

【问题讨论】：

请发布您当前使用的 CSS
#container{ 位置：相对；高度：13px；顶部：441 像素；左：1057px； } .buttons{ 宽度：9px;高度：9px；背景图像：url（../images/slider-cmd-not-hp.png）；边距顶部：2px；右边距：5px；显示：内联块； }
容器应该与什么相关？为什么你需要容器顶部 441px 和左侧 1057px？您想达到什么效果，我们或许可以为您制作一个样本。
continer 在另一个 div（称为幻灯片）内，它必须是相对的，因为它是幻灯片的一部分（包含在幻灯片 div 中），并且当幻灯片移动元素时它必须留在那里。跨度>
这里有一张图片可以更好地解释：mattialori.net/slide.gif

【解决方案1】：

您可以将按钮类的样式设置为display: inline-block; 或使用跨度。

编辑：

我为您整理了一个 jsfiddle 示例。
http://jsfiddle.net/2t87P/

你应该能够调整 css 我希望这会有所帮助。

我还想看看其他人开发的一些幻灯片插件，因为我的示例不是一个很好的起点。

【讨论】：