我正在尝试设置一个菜单divA，其下方有一个内容容器divB。它们都嵌套在父divC中。当divB中的内容高于divB本身时，则需要在divB上显示一个滚动条。.我遇到的主要问题是divA的高度未知，并且可以在运行时通过JavaScript添加和删除内容时随时更改，我想要divB以填充剩余的父级高度，同时保持其内容的可滚动性。我正在寻找一个纯CSS的解决方案，因为我正在处理的应用程序已经很重JS，我希望避免添加更多的膨胀。我的问题的简化版本:https://jsfiddle.net/uf3frdjv/ 最佳答案 使用flexbox可
我正在尝试设置一个菜单divA，其下方有一个内容容器divB。它们都嵌套在父divC中。当divB中的内容高于divB本身时，则需要在divB上显示一个滚动条。.我遇到的主要问题是divA的高度未知，并且可以在运行时通过JavaScript添加和删除内容时随时更改，我想要divB以填充剩余的父级高度，同时保持其内容的可滚动性。我正在寻找一个纯CSS的解决方案，因为我正在处理的应用程序已经很重JS，我希望避免添加更多的膨胀。我的问题的简化版本:https://jsfiddle.net/uf3frdjv/ 最佳答案 使用flexbox可
有人要求我创建这个标题，完全使用css，这可能吗？文本的背景需要保持透明，h2需要跨越任何容器的宽度，并让左右边框自动填充剩余空间。h2{font-size:42px;line-height:48px;width:100%;overflow:hidden;&:before{content:'';position:relative;padding-left:50px;padding-right:10px;margin-right:10px;margin-bottom:10px;background:red;height:3px;display:inline-block;}&:after{
有人要求我创建这个标题，完全使用css，这可能吗？文本的背景需要保持透明，h2需要跨越任何容器的宽度，并让左右边框自动填充剩余空间。h2{font-size:42px;line-height:48px;width:100%;overflow:hidden;&:before{content:'';position:relative;padding-left:50px;padding-right:10px;margin-right:10px;margin-bottom:10px;background:red;height:3px;display:inline-block;}&:after{
我有这个简化的代码:ThisisalineoftextAndthisisadivdiv高度最终是浏览器窗口客户空间高度的100%，加上文本行的高度，大于窗口高度，因此您必须滚动。如何设置div高度，使其采用浏览器窗口的高度减去文本行？或者，换句话说，我怎样才能让div垂直占据所有其他DOM对象已经占据的可用空间？ 最佳答案 我也遇到了同样的问题。这是我找到的解决方案:.container{position:relative;height:100%;}.top-div{/*heightcanbehere.ifyouwantit*/}.
我有这个简化的代码:ThisisalineoftextAndthisisadivdiv高度最终是浏览器窗口客户空间高度的100%，加上文本行的高度，大于窗口高度，因此您必须滚动。如何设置div高度，使其采用浏览器窗口的高度减去文本行？或者，换句话说，我怎样才能让div垂直占据所有其他DOM对象已经占据的可用空间？ 最佳答案 我也遇到了同样的问题。这是我找到的解决方案:.container{position:relative;height:100%;}.top-div{/*heightcanbehere.ifyouwantit*/}.
在我看来，这似乎是一个非常业余的问题，但它仍然是一个令人沮丧的反常现象。这实际上是两部分问题的第二部分。第一部分是相当常见的部分，涉及让元素拉伸(stretch)到其父对象的100%高度。在我的演示中，我有以下HTML:DIV1DIV2TABLE我希望此处的每个元素都填充其父元素内的所有垂直空间。我尝试在每个元素上使用以下样式(请注意，在我的演示中BODY和HTML也设置为100%高度):min-height:100%;height:auto!important;height:100%;结果如下:如您所见，最外层的DIV遵循100%高度属性，但其余的则没有。正如图像注释中暗示的那样，但
在我看来，这似乎是一个非常业余的问题，但它仍然是一个令人沮丧的反常现象。这实际上是两部分问题的第二部分。第一部分是相当常见的部分，涉及让元素拉伸(stretch)到其父对象的100%高度。在我的演示中，我有以下HTML:DIV1DIV2TABLE我希望此处的每个元素都填充其父元素内的所有垂直空间。我尝试在每个元素上使用以下样式(请注意，在我的演示中BODY和HTML也设置为100%高度):min-height:100%;height:auto!important;height:100%;结果如下:如您所见，最外层的DIV遵循100%高度属性，但其余的则没有。正如图像注释中暗示的那样，但
我正在努力使行拉伸(stretch)以填充剩余的可用高度。我尝试将h-100添加到行类，但这会导致屏幕底部出现空白。一定有办法做到这一点，但我完全被难住了。这是我的代码:ROW1ROW2代码笔:https://codepen.io/ee92/pen/zjpjXW/?editors=1100我想让蓝色行(第2行)填满所有红色空间。有什么建议吗？谢谢 最佳答案 使用Bootstrap4.1flex-grow-1类...https://codeply.com/go/Iyjsd8djnzhtml,body{height:100%;}.bg-
我正在努力使行拉伸(stretch)以填充剩余的可用高度。我尝试将h-100添加到行类，但这会导致屏幕底部出现空白。一定有办法做到这一点，但我完全被难住了。这是我的代码:ROW1ROW2代码笔:https://codepen.io/ee92/pen/zjpjXW/?editors=1100我想让蓝色行(第2行)填满所有红色空间。有什么建议吗？谢谢 最佳答案 使用Bootstrap4.1flex-grow-1类...https://codeply.com/go/Iyjsd8djnzhtml,body{height:100%;}.bg-
