发出让框向左浮动或显示内联

Question

我运行遇到问题让我的代码中的框彼此 float: left; 或 display: inline-block; 我已将它们移动到我列出的不同 div 中，但我不能让这个工作。我创建了一个 fiddle 来显示我的代码现在的样子：

我移动并尝试了很多不同选项的容器是这些..

.countdown_position {


/*display: inline-block;*/
    /*padding-left: 7%;*/
    position: absolute;
    width: 15%;
}
.countdownBox {
    border: 2px solid #B8B8B8;
    /*float: left;*/
    display: inline-block;
    margin: 1em;
}

我做错了什么？

Answer 1

我检查了您的代码，您将 countdown_position width 设置为 15%，这是导致问题的原因，检查一下；

Inline-block

更新：

要将 float:left 添加到 countdown_out div，删除 margin-left:15%，然后简单地添加 float:left。 link 已更新。

发出让框向左浮动或显示内联

Issue getting box to float left or display inline

html

css

position