css - 在 navbar-inner 下创建一个 div 无缝延续其渐变

Question

我正在使用引导程序开发一个网站，我的标题是一个 navbar-inner 类。

在某些页面中，我需要在 navbar-inner 下放置另一个不同类的 div，我希望它能够无缝地继续使用相同的渐变，以便用户感觉它是标题的延续。

可能我可以找到一种方法来计算 navbar-inner 的渐变，并从它的结束颜色开始制作另一个渐变，但这看起来不太好，因为导航栏和另一个 div 的高度都是动态变化的。

任何人都可以提出一种在动态数量的 div 元素中组合渐变样式的好方法吗？

谢谢

Answer 1

与@Ana 建议的一样，我认为最简单的方法是将它们包装在一个元素中。我不会将它们嵌套，而是将它们作为兄弟姐妹包装在父 div 中，这将具有所需的样式。这样，无论您是否在给定页面上包含第二个 div，渐变和高度都会自动调整。