如何在Drupal中使块（或区域）浮动？

Question

我看到有一个名为Floating block的模块可以执行我正在搜索的内容：但它会复制浮动块，使其完全无法使用。

请告诉我一些其他方法来实现这一目标？

Answer 1

通过“float”你的意思是应用CSS属性“float”吗？

你可以通过查看HTML源代码来获得Block div的id（通常是“block-block-3”或其他东西），然后添加一个新的样式来浮动它来轻松地做到这一点。

在HTML源代码中查找以识别正确的块ID：

<div id="block-block-4" class="yadda yadda">
My block content
</div>

然后在您的活动主题的CSS文件中添加如下条目：

#block-block-4 { float: left; }

如果你的意思是你希望它浮动在与用户滚动相同的位置，你可以很容易地使用jQuery插件来做到这一点。我之前使用过StickyFloat取得了很好的成功。使用上面的技巧来识别要绑定它的正确块ID。包括jQuery和插件脚本，然后像这样绑定它：

$('#block-block-4').stickyfloat({ duration: 400 });

Answer 2

更好的是，如果你正确使用CSS，你可以在没有任何额外模块或插件的情况下完成此任务。

“浮动块”模块实际上只对块进行分块并将其位置设置为固定。

通过上面的例子：

#block-block-4 {
  position: fixed;
  top: 100px;
  left: 100px;
}

Answer 3

position: [fixed, absolute, relative] 

这些值覆盖float： 如果你需要强迫它，请使用

position: inherit !important;

然后你应该可以使用

float: [left, right];