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

【问题标题】：How to make a block (or a region) float in Drupal?如何使块（或区域）在 Drupal 中浮动？
【发布时间】：2010-08-28 20:09:52
【问题描述】：

我看到有一个名为 Floating block 的模块应该可以满足我的要求：但它复制了浮动块，使其完全无法使用。

你能告诉我一些其他的方法吗？

【问题讨论】：

【解决方案1】：

“float”是指应用了 CSS 属性“float”吗？

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

在 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 });

【讨论】：

【解决方案2】：

更好的是，如果您正确使用 CSS，您无需任何额外的模块或插件即可完成此任务。

“浮动块”模块实际上只选择块并将其位置设置为固定。

上面的例子：

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

【讨论】：

【解决方案3】：

position: [fixed, absolute, relative]

这些值会覆盖浮点数：如果需要强制使用，请使用

position: inherit !important;

那么你应该可以使用

float: [left, right];

【讨论】：