问题是让框向左浮动或显示内嵌

Question

我遇到的问题是将我的代码中的框添加到彼此的float: left;或display: inline-block;我已将它们移动到我列出的不同div中，我无法使其工作。我创建了一个小提示，以显示我的代码现在的样子：

https://jsfiddle.net/p4c8yrcz/

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

.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。链接已更新。