我正在尝试创建一个不使用媒体查询的响应式视图。我的视图布局有一个内容div和一个脚注div。页脚div应该始终固定在视图的底部，内容div应该垂直扩展以填充剩余空间。我遇到的问题是当我们在单列布局中时。右边的div应该垂直扩展以填充内容div的剩余空间。这意味着，无论视图的高度如何，左侧div的</em
浏览 28提问于2020-11-05得票数 2
4回答
我有一个固定高度的容器。我希望第一个p有一个动态的高度(具有最小高度和最大高度)，这取决于它的内容，第二个p占用剩余的垂直空间。例如，在中:我希望粉色的p填充剩余的黄色空间，并在第一个p元素增长时相应地缩小。
我已经看到了如何让div填充水平空间(例如，使用bfc块格式化上下文)，但我似乎找
浏览 0提问于2012-11-28得票数 3
2回答
我试图在每种分辨率下为每个div划分相等的宽度，但是对于div，max-width不应该大于138px？但是当分辨率改变时，li终于变宽了，即不等于其他div，ul行周围的空间分布不均匀，还剩下一些空间吗？ .flex-container { background-color: #f1f1f1;
flex-wrap: wrap;
浏览 0提问于2019-01-30得票数 1
当文本输入将填充其父对象中剩余的水平空间时，我需要行为。文本输入必须与浮动元素垂直位于同一位置。它必须考虑自己的最小宽度，因此当为available space in parent < min-width of text input时，文本输入必须在所有浮动元素下开始，并水平填充整个包含块。使用css可以做到这一点吗？;min-width:150px&quo
浏览 3提问于2013-06-30得票数 0
如何使用display: flex使div填充剩余的垂直空间<nav></nav>CSS： height: 100%; fle
浏览 0提问于2014-12-05得票数 2
我使用一个flexbox来使div占用浏览器窗口中剩余的垂直空间，但我希望防止它扩展到其他地方。当它的内容超过它的垂直大小时，我想要一个滚动条出现在现在太小的柔性盒子中。下面是一个指向JSFiddle的链接，以显示情况：
另一个垂直空间由工具栏占用，其
浏览 2提问于2015-09-17得票数 5
回答已采纳
3回答
是否有任何机制可以指定flex-*样式属性，用于在flexbox的横轴上进行布局？#container { flex-flow: row wrap;}，通过设置右侧框中较小的增长值和较大的值，右侧框将填充剩余空间，
浏览 0提问于2014-09-03得票数 19
使用twitter bootstrap (2)，我有一个带有导航栏的简单页面，我想在container中添加一个高度为100%的div (在屏幕底部)。我的css-fu已经生锈了，我解决不了这个问题。<body> <!-- This one wants to be 100% height -->
</div&
浏览 51提问于2012-07-27得票数 149
回答已采纳
我正在设计一个从左到右的长串照片滚动(水平)画廊。它们有不同的高度，有些垂直长，有些水平长。我只想改变宽度，并保持每张照片的纵横比不变。这很容易为标准尺寸的笔记本电脑屏幕编写代码，但它在不同大小的屏幕上不能正常工作。 我怎样才能让照片有响应地更新，使垂直图像与页面上的剩余空间一样高？ 目前，我的问题是画廊高于页面底部的事实。到目前为止，我正在使用大众来设置宽度，但
浏览 42提问于2019-08-24得票数 0
2回答
考虑以下小提琴：
其目的是调整底部div (红色)的大小，以便在第一个div (蓝色)的大小更改时占用剩余的垂直空间。当在chrome或IE11中运行时，观察到如果用户单击切换大小按钮，蓝色div将改变大小，红色div将相应地改变大小，使得蓝色、绿色和红色div都包含在相同的高度内(相当于粉色div的参考高度)。当在IE9或IE10中运行时，红色div的高度将比它应该的高度大一个等
浏览 2提问于2013-11-29得票数 0
我有三个块元素，我正在部署CSS Flexbox。(在我的例子中，它们恰好是一个<select>s元素的两边的两个<div>ider；我正在构建一个List Builder控件。)我想要的是：
使元素在两端(即: select控件)具有最小的宽度，并增长以填充可能的<
浏览 8提问于2015-02-04得票数 6
回答已采纳
在不使用列方向的情况下，我试图获得弹性项来填充剩余的垂直空间。没有列似乎是不可能的？100px">100PX</div> Should stretch vertically</div>
CSS:拉伸将使孩子垂直</e
浏览 0提问于2019-01-11得票数 0
我正在生成一个PDF，并且内容是动态的。内容可能跨越两个页面，当它这样做时，页脚就会与内容重叠。我决定尝试使用以下方法 @page margin-bottom: 150px;
} 这会将包括页脚在内的所有页面内容推高150px。我想知道是否有一种方法可以让页脚容器不受这个底部边距的影响。 我基本上想让页脚填补页面底部150px的空白。如果我不使用这个页边距，页脚只会覆盖页面内容，然后流到下一个页面，这就是问题所在。 灰色条是页脚，正如您所看到的</
浏览 23提问于2021-06-14得票数 0
根据CSS-tricks上的文档，使用justify-content: stretch，Flexbox子项目应该在其容器内伸展以填充可用的空间。我有一个flexbox容器，我将主轴设置为列方向，然后在这个容器中放置两个div flexbox项。我希望它们均匀地填充可用的垂直空间(所以我相信flex: 0 1 auto应该这样做)。
浏览 1提问于2018-07-11得票数 0
1回答
在本实验中，第一个子容器仅通过填充形成，而第二个子容器必须填充父容器的剩余空间。为了解决这个问题，我尝试使用calc()函数，用第一个元素的顶部填充和底部填充的总和减去100vh，这是父元素的高度，即6rem。我得到的结果是高度超过了父元素剩余空间的高度，留
浏览 0提问于2017-05-19得票数 0
我刚刚发现了CSS的属性：，我不明白它给CSS带来了什么，这是display: block，inline，inline-block所不能做到的。
有谁能给我点启发吗？提前谢谢。
浏览 0提问于2012-04-21得票数 4
这个问题的Acknowledgement:变量已经被问了好几次，但要么它们不完全适用，要么我无法让它们工作。许多其他解决方案没有使用填充、边距或绝对定位容器.目标:我的目标是在屏幕中间创建一个弹出窗口或覆盖窗口，它在覆盖窗口和可查看窗口的边缘之间使用100 of缓冲区，垂直和水平地消耗100%的视图端口。覆盖必须包含标题、文本区域和一些链接。textarea需要占用覆盖窗口中的所有剩余垂直空
浏览 4提问于2014-11-24得票数 3
我有一个由页眉、页脚和具有可滚动正文的表格组成的页面。
是否可以仅使用CSS根据剩余可用空间调整表体的大小？我不喜欢使用flexbox，但如果flexbox似乎是最好的方式，我可以使用</em
浏览 22提问于2017-03-14得票数 1
2回答
为什么红色部分不占用100%的高度，我的意思是为什么红色部分占100‘t的100%，而不是100’t 10‘t 40’t(黑色和蓝色的高度)。
浏览 9提问于2022-07-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
