我已经开始为我的视频流媒体网站编写设计了。 http://www.xjerk.com/new.site/ [SFW]
内容区域是水平流动的，内容区域中的白色框是向左浮动的div。这意味着他们都很好地坐在一起，当没有空间时，它们会流到一条新线上。
但是，内容区域右侧通常有一个空白区域，没有足够的空间放置另一个白盒子。我想摆脱这个;要么通过使整个容器div（#container_inner）缩小以移除此空间，要么失败，使白框上方的蓝色条合约（通过制作#content契约），使右边缘与白框一致。
我尝试将左侧区域（#content）设置为内联块，但这不起作用，因为内部的内容大于div宽度（因此溢出到多行）。
有什么方法可以实现，或者固定宽度设计是我最好的选择吗？
PS：我希望我已经很好地解释了一切。答案 0 :(得分：2)
使用媒体查询为蓝条大小设置断点。
答案 1 :(得分：0)
您是否尝试将video_box设置为宽度的百分比？
这应该删除空白区域。记住也要将边距更改为百分比，否则宽度可能会开始超过100％+。
例如：
.video_box {
margin:1%;
width:31%
min-width:100px;
height:370px;
border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #d0d0d0;
background-color: #ffffff;
float: left;