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