Question

我有一个固定在屏幕顶部的div。在div中有一个搜索区域，您可以在其中进行ajax调用并将数据提取到div中，这会更改div高度。

另外还有一个名为“ThingsToAlign”的div。我想将它与fixed-top div的底部对齐。

任何人都知道怎么做？我尝试了vertical-align或float: top，但没有一个正在运作..谢谢。

<div className="container-fluid">
    <div className="navbar-fixed-top">
      <SearchArea />
    </div>
    <div>
      <ThingsToAlign/>
    </div>
</div>

在bootstrap中，navbar-fixed-top类具有以下属性。

.navbar-fixed-top {
    position: fixed;
    top: 0;
}

p.s：我在react.js中编码，这就是为什么你看到“className”而不是“class”

Answer 1

首先，您的HTML属性className不正确（标准HTML格式）。它应该是class。

其次，您应该尝试远离使用尖括号来环绕演示文本。浏览器会将其视为标记并忽略它（即，渲染时它将不可见。）

我的问题并不完全清楚，但根据我的理解，此演示可能会有所帮助：http://jsfiddle.net/kdbsm3hz/

否则，您可以在其他类似问题中找到解决方案：

将dom元素与另一个固定顶部元素的底部对齐

1 个答案: