Fatal编程技术网
  • html/
  • Html 问题获取框向左浮动或内联显示

Html 问题获取框向左浮动或内联显示

html css

Html 问题获取框向左浮动或内联显示,html,css,position,Html,Css,Position,我在将代码中的框设置为float:left时遇到问题或显示：内联块我已经将它们移动到我列出的不同div中，但我无法使其工作。我创建了一个小提琴来显示我的代码现在的样子： 我移动并尝试了许多不同选择的容器如下 .countdown_position { /*display: inline-block;*/ /*padding-left: 7%;*/ position: absolute; width: 15%; } .countdownBox { border

我在将代码中的框设置为
float:left时遇到问题或
显示：内联块我已经将它们移动到我列出的不同div中，但我无法使其工作。我创建了一个小提琴来显示我的代码现在的样子：



我移动并尝试了许多不同选择的容器如下


.countdown_position {


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



我做错了什么？
我检查了您的代码，您的
倒计时位置设置为15%，这是问题的原因，请检查此项



更新：


要将
float:left
添加到
countdown\u
div，请删除
margin left:15%
，只需添加
float:left
。链接已更新。
您已将倒计时位置固定为15%，这将停止倒计时框向左浮动。调整宽度以查看差异I将其调整为10%和100px。它仍然不会向左浮动。尝试100%且不小于15%，我可以添加什么，这样它仍然有效？我尝试了
.countdownBox
，但是如果我尝试了其中两个框，则转到下一页。你是说下一行吗？是的，对不起。我只想让盒子足够大，四个盒子都能占据它们所在的容器。好吧，如果你喜欢你的盒子适合这个容器，在你的“倒计时”分区上替换70%到100%。。我想出来了，我必须设置
。倒计时位置
到
宽度：100%谢谢！