Question

我不确定我是否更正了提到的主题。但这是我必须做的事情

 <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>

如何在每个2（！）块之后放置<div class="clear">？避免使用.block-views：nth-child（2n + 1）{clear：left; }。块的数量可以在2到10之间变化。我需要这个块用于浮动块。

Answer 1

你可以使用CSS来做到这一点，试试这个：

<div id="view-1" class="block block-views">...</div>
<div id="view-2" class="block block-views">...</div>
<div class="clear"></div>
<div id="view-3" class="block block-views">...</div>
<div id="view-4" class="block block-views">...</div>

在你的css中，写下这段代码：

#view-2:after, #view-4:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

您应该获得与使用.clear div。

相同的结果

希望这有效......穆罕默德。

drupal html中首页块之间的特定div

1 个答案: