Bootstrap4布局问题-用内容填充浏览器页面高度
Bootstrap是一个流行的前端开发框架，用于快速构建响应式网页和Web应用程序。Bootstrap 4是Bootstrap框架的最新版本，具有更多的布局选项和功能。
在Bootstrap 4中，要将内容填充到浏览器页面的高度，可以使用以下方法：
- 使用Flexbox布局：Flexbox是一种强大的布局模型，可以轻松实现等高的列布局。在父容器上应用
d-flex类，然后使用flex-fill类将子元素填充到父容器的高度。例如：
<div class="d-flex flex-column" style="height: 100vh;">
<header>头部内容</header>
<main class="flex-fill">主要内容</main>
<footer>底部内容</footer>
</div>- 使用Grid布局：Bootstrap的Grid系统可以将页面划分为行和列，可以使用
h-100类将列的高度设置为100%。例如：
<div class="container-fluid" style="height: 100vh;">
<div class="row">
<div class="col h-100">头部内容</div>
</div>
<div class="row flex-fill">
<div class="col">主要内容</div>
</div>
<div class="row">
<div class="col h-100">底部内容</div>
</div>
</div>- 使用CSS的calc()函数：可以使用calc()函数计算元素的高度，将其设置为浏览器窗口高度减去其他元素的高度。例如：
<header style="height: 10vh;">头部内容</header>
<main style="height: calc(80vh - 100px);">主要内容</main>
<footer style="height: 10vh;">底部内容</footer>以上是几种常见的方法，根据具体情况选择适合的方法。在实际开发中，可以根据需要进行调整和组合使用。
推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
3回答
我有一个带有标题的页面(具有动态高度！)和一份内容。内容应该填写页面的其余部分--即使页面中没有足够的文本。
到目前为止，这是一个被问了很多次的问题，并且总是用类似于我尝试过的代码来回答：
html, body {
height: 100%;
}
.header {
height: 50px;
background-color: #ff0;
}
.content {
min-height: 100%;
background-color: #ccc;
}
我的问题是，使用这段代码，.content的高度不仅仅是填充页面的其余部分，而是具有类似于屏幕大小的高度。但是，使用这段代
浏览 4提问于2014-04-16得票数 0
回答已采纳
4回答
好的，所以问题是我有一个页眉，页脚和内容div，我想要的是让内容div自动填充页眉和页脚之间的浏览器高度，使页脚停留在页面的底部，或低于内容长度。
当您转到时，您可以在索引页面上看到这个问题，因为内容区域比浏览器窗口小，所以我们在div中添加了一个高度来解决脚注浮动问题。
我用jquery修复了它。
$('#sitewidth').css({'height':(($(document).height())-320)+'px'});
$('#contentbody').css({'height':((
浏览 0提问于2012-01-12得票数 0
回答已采纳
1回答
我需要知道如何使以下div对齐并根据我的以下要求调整大小。
区域A区域A需要保持在一定高度的顶部。A区的高度不会改变。
面积B区B区高度在0-min高度之间变化.当B的高度为0时，C区也应拉伸以填充B区。
B区的高度也由最小高度增加到X (X > min-height).在这种情况下，C区应该缩小，以便给B区留出空间。
区域C区域C是此页面的填充区域。需要根据区域B调整高度。
区域D，区域D被停留在页面底部，高度不被更改。
我想知道是否有可能用css实现上述目标？或者我是否需要使用JQuery。如果可以用CSS？我想知道怎么做？(我知道如何处理JQuery)
*我正在使用CSS
浏览 4提问于2015-07-11得票数 2
回答已采纳
我用JSP创建了一个网页，当我用mozilla运行它时，页面是正常的。但是当我在chrome或opera上运行它时，列表和文本的对齐方式不在页面视图中。如何设置我的页面以适应不同的浏览器。
浏览 0提问于2013-01-29得票数 1
回答已采纳
页面有三个部分。
标头，它在设计时具有未知的内容，因为它在运行时使用文本填充。所有的文本都必须显示，没有滚动条。(我认为是height: 100%做的)内容，内容应该填充页眉底部以下到页脚顶部的页面。如果可以显示的内容中有更多的文本，则应该可以使用滚动条。页脚。页脚应该是25px高，并且总是坐在视图的底部。
该窗口是一个弹出窗口，它不应该有窗口滚动条，它可以调整大小，但没有滚动条。内容滚动条应该是唯一可用的。
当调整窗口大小时，内容区域应该调整大小，但页脚保持不变(固定在底部)。
宽度都是100%
浏览 3提问于2008-12-16得票数 1
回答已采纳
我有一个函数getRow()，它在.container中放置一个元素。当页面加载时，我希望有足够的元素来填充页面。
$(document).ready(function() {
while($('.container').height() < $(window).height()) {
getRow();
};
});
当我这样做时，浏览器会结冰并崩溃。如果我用一个while替换if，它会按预期的方式放置一个元素(当然只是一个)。
我怎么才能解决这个问题？
浏览 2提问于2014-07-18得票数 0
回答已采纳
我正在使用ajax从服务器调用更新内容。在更新之后，我清空了包含数据的包装器div，并再次用新数据填充它。到目前一切尚好。问题是-在一个
$('#MessagesContainer').empty();
方法-滚动条将更改回原处。因此，如果有人想要添加数据，而他在页面底部，滚动条就会向上滚动。
这个操作是有意义的，但对于这个特定的操作，我想避免它，因为它不是那么“用户友好”。
浏览 1提问于2012-02-17得票数 2
回答已采纳
我本以为这会很简单。遗憾的是，关于ExtJS，似乎没有什么是简单的。
我需要拆分边框布局的center区域，并在页面调整大小时让顶部和底部的panels填充center区域。
现在，我只能想出如何设置面板的绝对大小。
下面是使用生成的代码
/* This file is created or modified with
* Ext.ux.guid.plugin.GuiDesigner (v2.1.0)
*/
{
layout: "border",
items: [{
region: "center",
ti
浏览 0提问于2010-03-23得票数 2
回答已采纳
3回答
我有一个页面，它有一个页眉，一个页脚中间部分，应该增长，以填补页面的其余部分。
也就是说，它看起来像这样
让我描述一下我想要的布局，header = 100%的页面宽度和固定的高度。我不想让它漂浮起来。content =最小宽度为760像素，最大高度为1000像素，以填充到页面末尾。但是，不能与页脚重叠。页脚应该向下推。如果内容小于100%，页脚应该在底部，而不是向上移动。页脚= 100%页面宽度，并且始终位于内容的底部。
现在我遇到的问题是让页脚转到底部。我可以把它放到content div下面，但不能放到页面的底部。
我如何在CSS中实现这一点？做这样简单的事情似乎非常困难。
浏览 1提问于2010-07-09得票数 1
回答已采纳
我想要实现一些移动布局与两个div或按钮，填补整个页面50%到50% (__编辑：在彼此下面)。现在当我用下面的代码做这件事
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
section {
height: 50%;
}
section>div {
height: 100%;
border: 1px solid black;
margin: 10px;
}
<section>
<div>text1</div>
&l
浏览 1提问于2012-02-02得票数 5
回答已采纳
我对iOS非常陌生。有人能告诉我如何解决这个问题，用UITableView填充我所有的视图吗？
我试着用自动布局和约束来实现它，但是我不知道为什么不能工作。
浏览 3提问于2015-12-08得票数 0
回答已采纳
所以，我的目标是有三个方框，它们的边根据浏览器的大小扩展/收缩。每个框只包含一行文本，因此其想法是使用大量的填充来填充额外的空间。
这个站点是使用flexbox构建的，我想我有了一个很好的解决方案，使用了一个:before来继承父元素的宽度，并使用它的长度作为填充：
.square:before {
content:'';
padding-top:100%;
}
这在大多数浏览器中都能很好地工作，但我很沮丧地看到Firefox出现了问题。下面是剩余的代码和一个JSFiddle。有什么建议吗？
Thee ~~
#container {
display: flex;
width
浏览 1提问于2015-12-15得票数 5
2回答
我有标题和页面(都在包装中)。页面由左菜单和内容组成。我用div-布局。我要做以下几件事：
标题包装器和页包装器填充所有屏幕宽度，但其内容(标头和页本身)位于特定的宽度边界(最大和最小)，
在宽屏幕和窄屏幕情况下的下列行为：
宽屏:一切都很好：
窄屏幕:所有的包装都被内容覆盖，并出现水平滚动；向右滚动后，我可以看到其周围的其他内容(标题和页面)。
但实际上我有这样一个:滚动后，我可以看到的只有其余的内容，而不是它的周围！
如何修复它并使它在第二个图像上看起来像？
示例(使结果窗口缩小以查看坏情况)：。
HTML：
<div id="m
浏览 0提问于2013-11-25得票数 0
回答已采纳
2回答
Firefox和/或D3差异
、、、、
因此，我在一个网站上有一个页面，它的显示方式与IE和Chrome完全一样，而不是Firefox。链接是。在IE和Chrome中，旋转动画(用D3.js编写)完全通过填充-左和填充-顶显示，但在Firefox中没有显示。有人知道我怎样才能使火狐中的这个填充透明吗？还有其他可能的解决办法吗？如果可能的话，我很想通过CSS来解决这个问题，而不是带着D3代码回到绘图板。当然，如果有必要的话，我会的。
非常感谢你的帮助！
浏览 2提问于2015-01-29得票数 0
回答已采纳
1回答
我试图利用css的“列计数”与CSS填充相结合，并且我注意到，如果我指定一个列数为3，如果内容不合适，浏览器将呈现第四列的一部分。如下所示
这里是一个JSFidle ->
我在Chrome & Edge上看到了这个。这是一个已知的问题，还是有一个解决办法？
谢谢你的好意
下面的CSS。
.newspaper {
column-count: 3;
min-height:144px;
height:144px;
padding:20px;
column-gap:10px;
border: 1px solid black;
浏览 2提问于2016-10-07得票数 3
回答已采纳
我试图让一个容器填充整个页面(或者是viewport，无论哪个更大)，但是遇到了一些麻烦。我使用这个帖子中的建议：，将<html>和<body>设置为100%的高度。
但是我注意到，.Content div只在用height: 100%设置<body>高度时才填充视图，而不是用min-height: 100%填充。为什么会这样呢？为什么.Content在用min-height设置时不提取<body>的高度？是否有修复(没有绝对定位或固定高度)？
html
<html>
<body>
<div class=&#
浏览 1提问于2015-05-18得票数 6
回答已采纳
我意识到这个问题可能已经被问死了，但我找到的答案似乎都不起作用。我有一个ASP中继器控件，在这个控件中，我将ItemTemplate设置为具有两行的简单表格。
在填充行时，我希望行保持我设置的高度，而不是增长到内容的大小。
我已经尝试在表、表行和表数据上设置style="max-height:100px; overflow:auto";，但没有做任何事情。
如何确保转发器模板始终保持相同的高度，而不是其内容的高度？
浏览 0提问于2011-05-20得票数 1
回答已采纳
这是我正在工作的网站的链接：
我试图让侧边栏延长浏览器窗口的长度，宽度约为200px，然后让地图填充浏览器窗口的其余部分。我花了大量的时间来处理css，以使其正常工作，但没有任何运气。当我将地图div的css设置为屏幕的一个百分比时，它会剪切掉大部分地图。当我将滚动条的长度设置为100%时，它包含了所有信息，并且没有单独的滚动条来扩展页面的长度。
下面是我的css当前的样子：
<style type="text/css">
html, body, #map_canvas {
width: 800px;
height: 600px;
}
#sid
浏览 2提问于2012-08-19得票数 0
2回答
所以我有一个html，header，body，div标签等页面。
* {
margin: 0;
padding: 0;
}
html {
width: 100%;
height: 100%;
}
body {
width: 98%;
height: 98%;
padding: 1%;
}
我的问题是浏览器的右侧有一个滚动条。意思是高度太高了？
html设置为100%高度和宽度。body有一个1%填充，它添加了1%的顶部、右边、底部和左边，所以这就是width - 2 = 98和height - 2 = 98。
所以填充1%高度98%和宽度98%。我怎么能得到
浏览 3提问于2015-12-24得票数 6
我正在尝试创建一个左侧带有面板的页面。面板有一个页眉、一个内容区域和一个页脚。主面板包装器div应该是页面高度的100%。页眉和页脚没有指定的高度，因为我只希望它们足够大以容纳文本和填充，而中心内容区域我希望是容器的100%减去页眉和页脚的高度。我不确定如何或者是否可以在css中做到这一点。有人知道该怎么做吗？谢谢。
html页面和css在这里-
浏览 3提问于2012-01-20得票数 0
回答已采纳
5回答
在过去的几周里，我一直在研究一个网站。我有一个非常好的脚在上面，问题是，它不会停留在底部。我想出了一个简单的解决方案。
如果页面没有被完全填充(即内容只往下走了一半)，那么将页脚绝对定位到底部。
如果页面溢出(垂直)，则将页脚保留为另一个元素。
问题是，我不知道如何检查我的内容是否被过度填充。是否有一种方法可以检查文档是否垂直地填满了所有空间？我唯一能想到的就是检查垂直滚动条是否启用，但是，我也不知道如何检查。
我用的是jQuery，它的答案很好。谢谢!
编辑
好吧，我的问题显然被误解了。抱歉，伙计们，我不需要解决办法让我的脚保持在底部。我需要确定数据是否在y轴上溢出的方法。我碰巧提到了我为什
浏览 0提问于2011-10-04得票数 2
回答已采纳
我在表格和列宽方面遇到了困难。
更新:我使用的是XHTML Strict 1.0。
该页面是：
我遇到的第一个问题是，我有一个固定宽度为100px和4px填充的列，但它不符合取决于值的填充。列宽(根据W3C框模型，两个边框之间的距离)为156 px，即使填充为0或4也是如此。只有文本的位置会发生变化。
根据W3C Box Model (可在www.pro-turk.net/boxModel.png获得)，宽度属性中不包括边框和填充，那么为什么它呈现错误呢？
第二个问题是，当你用IE8查看我给出的页面时，第二行的第一个单元格有150px的固定宽度，但不管我说什么，ie都会显示它大约占总表格宽度的
浏览 1提问于2010-04-12得票数 0
3回答
我在页面上有三个Div，它们是绝对定位的。让我们称它们为leftDiv，middleDiv，rightDiv，middleDiv宽度是900px，这是可以的，但无论屏幕大小如何，左侧和右侧的div应该分别填充剩余的左侧和右侧部分。
我之所以使用绝对定位，是因为这是使用高度的唯一方法:100%填充页面。
那么如何填充剩余的部分呢？
当然，这些div根据它们的名字将页面分成三个部分。
非常感谢。
浏览 2提问于2010-02-23得票数 0
回答已采纳
5回答
怎样才能把容器填满至少100%的页面高度，但如果它们合适的话，不能超过100%？
这是
html, body {
height: 100%;
}
section {
margin: 0;
min-height: 100%;
}
如果有一个<section>，但没有几个，看起来很好：
<section style="background: olive">Hi</section>
<section style="background: tomato">Hello
浏览 3提问于2015-06-05得票数 1
回答已采纳
2回答
我有一组div，像这样：
<div id="textArea">
<div id="text"></div>
</div>
CSS属性：
#textArea {
height: auto !important;
min-height: 2em;
overflow: hidden;
}
#text{
display: none;
}
我使用jQuery从POST请求返回的错误消息用"text"的id填充div。返回的数据大小不是静态的，但我的问题是div没有调整。
我基本上
浏览 3提问于2011-03-01得票数 1
回答已采纳
1回答
被困在这里了。我正在用Firefox 53测试我的站点。页面没有填充完整的高度。我在Chrome和Safari上进行了验证，看起来都很好。
我用www.caniuse.com验证了Firefox53支持Flex。但该页仍未正确呈现。
这是网站。试着在Chrome上正确呈现，而Firefox 53没有正确呈现。
这里是相关的CSS
html{
background-color: black;
}
body {
/*min-width:800px; suppose you want minimun width of 1000px */
/*width: auto !im
浏览 2提问于2017-04-21得票数 1
回答已采纳
2回答
我想在我的网站周围使用CSS3专栏，因为它在宽页面上为用户提供了更好的用户体验。但是，如果我使用CSS3列，有时左边的列是满的(假设有20行文本)，而右边只有have2行的文本。我能用纯css3 (也许是Flexbox)让它有相同数量的内容吗？或者我需要JS来解决这个问题？
请注意，我不是在谈论相同的高度，而是相同数量的内容:)
浏览 0提问于2014-09-22得票数 1
所以我问一个关于这个引导程序模板的问题：
正如您所看到的，有3个部分表示“完全响应式、Bootstrap4就绪且易于使用”。
我的问题是，如何将图像插入到这些部分中？
我可能需要将图像插入到下面这行代码中：
<div class="features-icons-icon d-flex">
我已经尝试过了，只需将svg类替换为
style="background-image: url('img/hello.jpg');"></div>
但是，图像不会出现。
浏览 2提问于2020-02-23得票数 0
4回答
ExtJS -填充和自动高度
、、、、
我正在使用ExtJS (html/css)，我有一个关于布局的问题。示例：
|--------|
| |
| |
| |
| |
| |
|--------|
| |
| |
|--------|
合并高度(它们没有任何填充物、边缘等)是它的父容器的100%。最好是两个面板，以某种方式堆叠在一起。
问题是，我既不知道顶部面板的高度，也不知道底部面板的高度(它不是固定的，而且可能会改变，因为面板中的内容可能会改变，这是两个菜单)。我需要顶部面板来填充剩余的空间，或者如果需要的话有一个滚动条。
解决方
浏览 3提问于2010-10-27得票数 10
回答已采纳
3回答
我正在创建一个wordpress主题，内容的两边都应该有对角边框。我可以用图片来解决这个问题，但这是一种丑陋的方式，而且每个页面上的内容长度都不一样。
在这种情况下，我认为左右两侧的两个三角形是正确的解决方案。我用试过了，但问题是我必须为边框使用固定的宽度，三角形应该有内容的高度，动态调整。
我怎么才能解决这个问题呢?我想出了两个三角形(在草图中标为红色)。
浏览 0提问于2013-05-05得票数 4
我正在重写一个"web应用程序“(不是"web页面”，而是一系列业务应用程序)，从固定大小到自由流动。
早些时候，此应用程序已在1024x768中修复，但现在我们希望该应用程序同时在宽度和高度上进行缩放。
在div上设置width=100%可以解决宽度问题。但是我们在身高上有问题。
我正在寻找一个javascript解决方案，它将允许我指定某些元素应该填充可见浏览器窗口的其余部分。并在调整窗口大小时继续执行此操作。
浏览器要求: Internet Explorer 6.0或更高版本(Firefox等不是问题)。
通常在屏幕的底部会有某种网格。这是用今天的固定高度和overflo
浏览 0提问于2011-04-07得票数 0
回答已采纳
我最近为我们的web应用程序构建了一个新的Vaadin小部件集。新的小部件集基于一些新的插件，但特别是基于vaadin 6.8.12。
当我部署ear文件并启动应用程序时，属于web浏览器(而不是java面板或布局)的右侧垂直滚动条丢失。滚动条实际上是存在的，但为了使其可见，您必须将浏览器窗口拖到最右边。即使它是可见的，您也不能向下滚动足够多的内容来查看页面的下部内容。
这在Chrome，Firefox和Opera中是一个问题，但出于某种原因，Interner似乎可以很好地处理它。
所以我想要的是浏览器滚动条应该是可见的，而不管窗口的大小。
有什么想法吗？
浏览 3提问于2013-10-15得票数 1
2回答
我有以下代码：
<br/> <div id='people'></div> <br/>
a bunch of text . .
所以people div是空的，然后我有了javascript (在ajax回调的后端，用下面这样的东西填充这个div：
$("#people").html(data.results)
其中data.results是一堆图像html (“等。)
问题是，当图像显示时，这会将“文本串”部分向下推，并且它看起来有点跳动。我想要它的位置是预先布置好的，这样当调用.html()方法
浏览 3提问于2011-12-30得票数 1
回答已采纳
1回答
我正在做我的第一个React-Redux项目，我正在做样式。
我遇到的问题是背景颜色。
如果我在包含页面主要内容的div上设置了背景色，页面底部将保留为白色。
我的解决方案是在我的重置文件中设置一个默认的背景颜色，在body和html上。这就解决了这个问题。
但是，我希望在不同的页面上有不同的背景颜色/图像，如果我将body和html设置为默认颜色，则该颜色将是任何页面上div下面的颜色。
任何帮助都将不胜感激。这也是使用React和Redux，我对这个材料是全新的，据我所知，所有的组件都将嵌套在一个父元素(在我的例子中是body)下，所以更改会影响到每个页面。也就是说，有没有办法让div填充
浏览 2提问于2017-08-23得票数 0
我目前正在使用backbone来渲染视图。我设置了一个时间间隔来更新和获取最新的json，然后添加更改并更新相应的DOM元素。
我似乎面临的问题是，每当它清空容器，然后用更新后的信息重新填充它时，它就会跳到页面的顶部。在我的视图中有没有什么我可以改变的，以确保在我追加之后它不会跳跃？
浏览 2提问于2014-01-10得票数 0
我正在使用Google I/O2011的应用程序。看一下ScheduleFragment，我正在测试子进程来回翻动页面的不同视图。但是，让我的子视图填充父视图时遇到了问题。我添加了几种背景颜色和一些填充，以显示所有内容的布局。这是我的测试。
我在fragment_schedule.xml的“工作空间”项目中添加了一个红色的背景颜色，如下所示……
android:background="#cc0000"
然后，我没有对子视图使用blocks_content.xml，而是创建了自己的pending_content.xml，它只是一个绿色背景的LinearLayout (用fill_
浏览 0提问于2011-06-03得票数 3
回答已采纳
首先，请原谅我再次通过这个问题提出了这个讨论广泛的问题。
我的站点有一个仪表板(类似于iGoogle)和一个选项，供用户在仪表板的不同布局选项之间切换。这些布局中有几个有跨行和/或列(rowspan and colspan)的表单元格。在这样的单元格中，当浏览器窗口调整为一个小视图(约800x570 )时，<div>不占据<td>内可用的100%高度。我目前的分辨率是1280x1024。
布局如下：
一些样式信息：
体高度: 100%；
表单元间距: 0；单元格间距: 0；边框间距:2 2px；边距: 0；填充: 0；
th，tr，td垂直对齐:顶部；
我已经阅读
浏览 1提问于2012-06-19得票数 0
回答已采纳
我的web应用程序在Laravel 6下运行。 在这个应用程序中，我有一个可以通过URL访问的html页面，但我也想下载这个完全相同的页面。该页面是用Bootstrap4制作的，并使用ChartJS库制作了图表。 当我尝试以PDF格式(感谢Dompdf for Laravel)下载完全相同的页面时，我得到以下错误消息： No block-level parent found. Not good.
浏览 24提问于2020-07-15得票数 0
2回答
我的模板如下：
.layout{
height:100%;
width: 70%;
position: fixed;
}
.header{
height:20%;
width: 100%;
}
.content{
height:60%;
width: 100%;
}
.footer{
height:20%;
width: 100%;
}
content有一个默认高度60%的，如果content是填充的，以便在需要时获得自动拉伸<code>E 211</code>(高度/宽度)，并为整个页面显示卷轴，如何做到这一点？
我尝试了为父级 pos
浏览 3提问于2011-12-11得票数 1
回答已采纳
下面是我的css规则：
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
}
使用此示例：
我可以使粘性页脚没有任何问题，但有一个问题。如何使内容容器达到10
浏览 2提问于2014-12-02得票数 1
我一直使用overflow scroll来显示文本。我意识到overflow属性可以检测到数据何时超出了可以容纳的范围。我需要填充一个div元素，然后再填充另一个元素，依此类推，直到所有数据都设置在页面中。休息不能打断一个字。只有一页/div将是display: block；其余的将是display: none；
允许在多个div页面上显示数据的最佳方式是什么？
浏览 4提问于2013-09-06得票数 0
1回答
所以，我正在编写我的第一个站点。这需要花几个小时的时间用谷歌搜索，然后写下代码，但我正在努力完成它，并享受它。然而，我有一个我无法解决的问题。
我正在尝试获取一个默认填充整个页面的div，但当文本超过"100%“高度时，它也会扩展。我尝试过使用两个独立的div来完成它，并且它起作用了。但是，我正在尝试使用半透明的div，这意味着我不能将两个div堆叠在一起，否则它的一部分( "height:100%")会变成实心，而另一部分(扩展到适合文本的div)仍然是半透明的。有没有办法让div从它开始的地方填充页面的其余部分？这样它就可以从100%高度的底部填充到文本适合的其余部
浏览 0提问于2012-07-03得票数 1
回答已采纳
2回答
#wrapper {
display: table;
min-height: 100%;
height: 100%;
margin: 0px auto;
}
#header-wrap,
#content-wrap,
#footer-wrap {
display: table-row;
height: 1px;
}
#content-wrap {
height: auto;
}
<div id="wrapper">
<div id="header-wrap"></di
浏览 3提问于2013-06-05得票数 5
2回答
我正在使用jquery滚动到页面的各个部分。
代码如下：
// Scroll to element
$('#menu li a').click(function(){
var elementId = $(this).attr('href');
$('html, body').animate({ scrollTop: $(elementId).offset().top }, 1600);
return false;
});
<ul id="menu">
<
浏览 0提问于2011-04-15得票数 2
回答已采纳
如果我使用em调整文本大小，我是否也应该在em中定义宽、高、边距、填充、行高？它对可访问性有好处吗？
浏览 2提问于2010-01-28得票数 1
我正在经历IE的错误。CSS计数器属性在IE9中不适用于隐藏在页面加载中的元素(例如选项卡)。
正如我在上面发布的，我已经能够通过使用JavaScript设置一些内联CSS来修复这个问题。当元素未隐藏时，我将填充-左设置为0(尽管元素已经没有左填充)。这使得IE‘重绘’元素，然后CSS被正确地应用。
然而，这并不是理想的解决方案。如果设计更改为在元素上留下空白，那么我的JavaScript修复将破坏布局。我还能用什么方法使IE‘重绘’元素？有什么标准的方法吗？
浏览 2提问于2015-10-13得票数 8
回答已采纳
1回答
我正试图使用@角/挠性布局来垂直填充页面中的所有空间。
我使用fxFill和fxFlex来构建布局。当我按时间顺序放置对象时，似乎没有问题，但我无法找到一种垂直填充页面的方法。这是我最简单的版本。
跟随鳕鱼正确填充所有的牙周皂甙。
<div fxFill>
<label >
First item
</label>
<label fxFlex>
Second item
</label>
<label >
Third item
&l
浏览 1提问于2019-01-25得票数 2
回答已采纳
我有一个jquery菜单，它有如此多的条目，以至于它的长度超过了页面的长度。我想要得到每个菜单部分的条目数量，这样我就可以用它来调整页面末尾的填充div的大小。
$('.hideMe').click(function(){
alert( $(this).next('ul').children() );
});
所以我想找出ul标签下li标签的数量。
<h3 class="hideMe">Items</h3>
<ul class="myul">
<li i
浏览 0提问于2009-02-11得票数 0
回答已采纳
3回答
我一直在努力想出解决这个问题的办法，但还没有百分之百成功，只是伪成功而已。我要寻找的布局是这样的，无论内容的高度如何，页面的顶部和底部总是有固定的填充/页边距/高度。
此外，内容的高度应该从填充后的页面顶部开始，并在填充之前到达页面的底部。如果内容的高度不够大，它应该跨越整个页面。如果它大于页面的高度，滚动条应该显示在正常情况下，但是需要保留顶部/底部的垫子。
想看看我的伪解决方案的例子，看看这个小提琴.
...高度不是很大的enough ..。高度太大
我的解决方案的问题是，如果有一个背景图像，它将被掩盖的地方填充。那么，我如何扩展我的解决方案，以便如果有一个背景图像，它将仍然是可见的顶部
浏览 0提问于2011-04-24得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
