css - 用css水平显示div

Question

我是网页设计的新手，我尝试了几种放置按钮的方法 <div>合二为一<div>水平地。我尝试使用 display:inline-block和 float:left但都没有用。请有人告诉我错误是什么there :

Answer 1

喂!调试的第一条规则:简化你的条件。你有大量的 CSS 打包到那个 fiddle 中，这使得任何人都很难将你的问题归零。

有两件事阻止您的按钮水平显示在同一条线上。

.pin .actions {
    width: 125px;
}

这使得容器太窄，每行不能容纳一个以上的按钮。尝试将其更改为 300px。 (或者，你知道，任何更大的东西。)

.actions .WhiteButton.Button11 {
    clear: both;
}

此样式意味着按钮的右侧或左侧均不允许有 float 项。

改变这两个，你应该得到你想要的。

http://jsfiddle.net/nate/wZf4C/2/