float divs位置相对div

时间:2012-02-23 11:02:52

标签: position css-float css-position

我有一个div位置相对(id容器),在里面我有其他div(类按钮)必须是float:left;

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

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

1 个答案:

答案 0 :(得分:1)

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

编辑:

我为你准备了一个jsfiddle例子 http://jsfiddle.net/2t87P/

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

我还会看一下其他人开发的一些幻灯片插件,因为我的例子不是一个非常好的起点。

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

相关问题