gpt4 book ai didi

html - 具有统一填充/边距的 Twitter Bootstrap 插入面板?

转载 作者:行者123 更新时间:2023-11-28 09:46:30 25 4
gpt4 key购买 nike

因此,我正在尝试制作一个带有背景图像和镶嵌不透明面板的网页。

我试图让面板一直延伸到页面底部,底部有一些 em 填充。

我还希望面板周围的填充均匀。我需要它向下拉伸(stretch)以适应它所在的任何显示器,并且需要它是动态的。

我已经在 html、正文和面板样式部分尝试了很多具有高度的东西(min-heightmax-heightheight),但它似乎只在我对像素值进行硬编码时才有效。下面是我的 css 和 html。

有没有人对如何做这样的事情有任何想法?

        html {
height: 100%;
background: url(images/background_blurred.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
height: 100%;
background: transparent;
color: rgb(240, 240, 240);
}

.panel {
height: 100%;
background-color: rgba(10, 10, 10, 0.8);
}


<body>

<div class="container">
<div class="row">
<div class="panel panel-default">


</div>
</div>
</div>
</body>

最佳答案

也将 height:100% 应用于您的 containerrow div。

.container, .row{height:100%}

DEMO

关于html - 具有统一填充/边距的 Twitter Bootstrap 插入面板?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25237221/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com