浮动divs里面的位置相对格

我有一个div位置相对（id容器），里面我有其他div（类按钮）必须浮动：左;浮动divs里面的位置相对格

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

问题是，如果我设置按钮divs float：left;他们不比较集装箱内部，我不知道他们在哪里，即使有萤火虫，我找不到他们。我删除浮动：左; div显示出来，但是一个在另一个之下，而不是一个在另一个之后。我能怎么做？谢谢，玛蒂亚

来源

2012-02-23 pindol

请上传您当前使用的CSS – lamplightdev 2012-02-23 11:13:35

的#container { 的位置是：相对的; height：13px; top：441px; left：1057px; } .buttons { width：9px; height：9px; background-image：url（../ images/slider-cmd-not-hp.png）; margin-top：2px; margin-right：5px; display：inline-block; } – pindol 2012-02-23 11:53:14

容器应该是相对于什么？为什么你需要顶部的容器441px和左边的1057px？你试图达到什么样的效果，我们可能会为你做一个样品。 – Robert 2012-02-23 12:07:24

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

编辑：

我已经为你组装了一个jsfiddle示例。
http://jsfiddle.net/2t87P/

你应该能够调整CSS我希望这可以帮助。

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

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

来源

2012-02-23 11:17:22 Robert

我试过，但它不工作:(我想我会做跨度如果我不会找到解决方案。 – pindol 2012-02-23 11:53:29

浮动divs里面的位置相对格

回答

相关问题