Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在宽内容空间中的几个块上浮动_Css_Css Float - Fatal编程技术网

Css 在宽内容空间中的几个块上浮动

Css 在宽内容空间中的几个块上浮动,css,css-float,Css,Css Float,对于我当前的项目,我必须向左浮动几个街区。我的内容块宽720px,而中的块宽350px。但是为什么他们不在一起。他们中的一些有,一些没有。我向每个块添加了规则float:left。我想用我的手把它们漂浮起来,但我不知道积木的顺序,所以无法预测它会是什么样子; 下面是现在的屏幕截图:如果我正确理解了你的问题,这里有两种不同的解决方案。首先,您可以使用一些现代选择器将clear:left添加到每个偶数块: .block-views:nth-child(2n+1) { clear: left; }

对于我当前的项目,我必须向左浮动几个街区。我的内容块宽720px,而中的块宽350px。但是为什么他们不在一起。他们中的一些有,一些没有。我向每个块添加了规则float:left。我想用我的手把它们漂浮起来,但我不知道积木的顺序,所以无法预测它会是什么样子;
下面是现在的屏幕截图:

如果我正确理解了你的问题,这里有两种不同的解决方案。首先,您可以使用一些现代选择器将
clear:left
添加到每个偶数块:

.block-views:nth-child(2n+1) { clear: left; }
这在Internet Explorer 8或更低版本中不起作用

下一个解决方案是在每秒钟的块之后添加一个额外的div,其中包含
clear:both

HTML:


这里是临时主页这里是它如何照顾。块视图:第n个孩子(2n){清除:左;}非常感谢你,我不知道我是否需要这个项目在ie中工作,但临时修复,这将工作。你帮我节省了很多时间。
<div class="block block-views">...</div>
<div class="block block-views">...</div>
<div class="clear"></div>
<div class="block block-views">...</div>
<div class="block block-views">...</div>
<div class="clear"></div>
<div class="block block-views">...</div>
<div class="block block-views">...</div>
.clear { clear: both; }