1回答
位置绝对无母高
、、、
我想放置4个div像下面的图片；父div有未知的高度(自动)。每个div都有一个100%匹配的图像，那么div的高度也是未知的。
我在考虑在div上使用绝对位置，但我需要父母的背景。是否有jquery插件或css3技巧来完成这项工作？
浏览 2提问于2014-01-22得票数 0
回答已采纳
2回答
我想在浏览器页面中显示一个图像，并对其进行拉伸，使其充满整个浏览器页面。
我试过了：
<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg" Width="100%" Height="100%"></asp:Image>
并尝试使用css：
<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.j
浏览 0提问于2011-11-05得票数 0
回答已采纳
我试图使子元素成为父元素的height，但是使用height:100%不起作用，可能是因为父元素的高度是未知的。这取决于帖子的大小。
我希望您将鼠标悬停在父元素上，此时子元素将变为可见，并占据与父元素完全相同的空间。
有没有可能呢？最好只使用css。
提前感谢！
浏览 3提问于2014-01-08得票数 0
2回答
我是web开发的初学者，我面对这个问题，没有找到好的答案。我有两个HTML代码
<html>
<head>
<style>
#div{
background: red;
height: 100%;
}
h2{
text-align: center;
}
</style>
</head>
<body>
<main>
<sectio
浏览 0提问于2019-06-23得票数 0
2回答
我想让图像总是充满宽度和高度。
我使用的是LayerSlider WP插件，所以我在它的设置中设置了100%的宽度，并将width: 100% !important设置为一个显示“自定义css”的字段。
PS:这是链接 (您将看到我在第一张幻灯片中添加了一个非常小和平方的图像，而对于第二张幻灯片添加了一个更宽的图像，但仍然没有填充整个宽度)。
谢谢！
浏览 2提问于2016-04-27得票数 0
回答已采纳
我有一个这样的html代码：
<div id="container">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
div#容器的高度是固定的(例如800px)。div#footer和div#头的大小在开始时是未知的(通过Javascript设置)。
我想让div#content占据剩余高度的100%。
可以使用CSS来完成吗？
浏览 4提问于2012-09-25得票数 1
回答已采纳
4回答
在访问了许多网站后，我找不到路，如何制作一个充满浏览器窗口的div。首先，它应该是隐藏的，但在回发时它应该是可见的。这个div不是body标记的直接子元素，而是放在表行中。我应该应用什么样的css，这样它才能定位到适合窗口。我在Css下面为div使用，但对我不起作用。
.BodyCover { position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
编辑
Html标记在下面，
<table>
<tr>
<td>Content<
浏览 1提问于2012-12-20得票数 1
1回答
我有一个页面，它使用CSS转换从一个部分滑到下一个部分。然而，我有高度设置100%和溢出，以便幻灯片填充屏幕。但是，这意味着，如果内容较长，则无法看到它。
我已经创建了一个JSFiddle，您可以在上看到它
body {
font-family: 'Lato', Calibri, Arial, sans-serif;
color: #fff;
background: #333;
overflow-x: hidden;overflow-y: visible;
}
.pt-wrapper {
position: relative;
浏览 1提问于2014-04-01得票数 0
回答已采纳
1回答
我正在尝试制作一个“背景”图像，它既能缩放以充满整个屏幕，又是固定的(即不会与其他内容一起滚动)。
我从尝试使用真实的背景图像开始：
background: url(http://i.imgur.com/DJaWd.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
但是您可能知道，使用这种技术可以在iOS设备上滚动图像。因此，我使用CSS和div尝试
浏览 0提问于2013-06-10得票数 1
1回答
在我的项目中，Button动态添加到视图中，有多少按钮也是未知的。为了支持这些按钮，我创建了linearlayout(horizonatal)。问题是当按钮超过几个限制(比方说5)，然后6个按钮不会绘制在屏幕上，我不想滚动，我想要所有的按钮在屏幕上，如果按钮将在已经创建的按钮下面创建将无关紧要。如何实现这一点。如何知道屏幕上充满了按钮？
浏览 0提问于2019-10-20得票数 0
1回答
我在我的网站上有一个页面，它从数据库中获取大量图像，并将它们放在网格中。
这些图像都是不同的形状和大小。
我想要做的是显示图像，每一个具有相同的宽度和高度的，但它们不会变得扭曲。
现在我的css是
.image{
width:100px;
height:100px
}
但很明显，这会导致图像偏离正常尺寸。
我不能仅仅设置高度或宽度，因为我希望整个100x100PX块充满图像。
我想我需要创建一些东西，使新的图像缩略图的原始图像。当图像文件被复制到服务器时，我是否必须实际编辑它们？或者我可以做一些javascript，可以像这样显示图像。
提前感谢！
浏览 0提问于2014-02-19得票数 0
回答已采纳
1回答
从宽度到Calc图像高度
、、、
我有未知宽度的图像(父母的100%，父母的大小是未知的)，不同大小的图像，我需要为他们设置相同的高度。
我准备了一个小的ode片段，向您展示我的当前代码。
#blog {margin: 0; padding: 0;}
#blog li {float: left; width: 48%; list-style: none;}
#blog li:nth-child(2n) {float: right;}
#blog li:nth-child(2n+1) {clear: both;}
#blog li img {display: block; width: 100%; height: calc
浏览 0提问于2019-01-05得票数 0
3回答
我正在使用react responsive，它呈现出奇怪的效果
render() {
return (
<div className="slider-container">
<Carousel className="carousel-style" showArrows={true} showThumbs={false} showStatus={false}>
{this.generateCards()}
<div className="slider-
浏览 26提问于2018-09-07得票数 4
2回答
我正在尝试使用窗口、图像或父div的未知大小来拟合图像。我只想使用百分比作为大小。
下面是我的html：
<div>
<img src="http://www.eastlines.ro/ro/wp-content/uploads/2014/11/Flag_map_of_Romania.svg_.png" />
</div>
这是我的css：
body, html{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
div{
max-wid
浏览 0提问于2016-03-17得票数 0
因此，我尝试了各种CSS技巧，以确保我的Bootstrap Modal (宽度:100%，高度:100%)充满屏幕。我可以让.mode-对话框填满整个屏幕，而忽略它的视区之外的区域。但是图像内容太高，而且只是延伸到.mode-对话框之外。这意味着如果我想看到图像的底部，我需要向下滚动。
我只想缩小图像，这样整个图像是可见的，并保持其纵横比。
我想补充的是，所有的解决方案(包括使用.img响应)都不起作用，因为它适合基于整个可滚动区域的屏幕。我希望它适合在视区内(并排除滚动区域)。
浏览 15提问于2019-07-28得票数 0
我正在创建一个带有两个堆叠的div的网页。第一个div是一个标语，第二个div是内容。我面临的问题是，我希望第二个div在不创建滚动条的情况下伸展到页面的底部。我可以将整个东西包装在另一个div中，并将overflow设置为隐藏，但第二个div将充满内容，并且内容可能会延伸到屏幕之外。以下是我到目前为止写的内容：
<html>
<head>
<title>test</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
浏览 3提问于2010-08-30得票数 1
回答已采纳
1回答
我有一个高度未知的div，不过在本例中我使用的是3px。我想居中按钮，但它似乎总是偏移一些任意的数量。我可以做一个绝对的定位技巧动态一旦我知道高度，但我更喜欢css解决方案，如果可能的话。
<div style="width: 100%; height: 3px;">
<div class="special">
<input type="button" />
</div>
浏览 0提问于2013-03-03得票数 1
3回答
好的，所以我需要能够有一个页面，充满了100%的屏幕，没有溢出。我在页面的顶部有一个iframe，在底部有一个img。
我需要能够让iframe自动设置它的高度，以填充文档中所有剩余的空间。
下面是一些代码：
<!DOCTYPE HTML>
<head>
<style type="text/css">
img {
border:0px;
padding:0px;
float:left;
浏览 9提问于2013-11-25得票数 0
我正在尝试让一些divs扩展到充满屏幕，但我正在努力。我已经在上分解了这个问题。
我真正想知道的是，为什么拥有100% min-height的div不能扩展到那个高度(或者根本不扩展)，而它的父级具有相同的属性并且确实可以扩展？
<body>
<div>
stuff
</div>
</body>
body {
min-height: 100%;
background: red;
}
div {
min-height: 100%;
background: grey;
}
浏览 0提问于2011-10-25得票数 11
回答已采纳
我有一个覆盖div，用于在加载Ajax请求时使用。div的CSS大致如下：
#ajax-overlay {
z-index:9999;
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.8;
}
我使用基本的jQuery来展示它：
$('#ajax-overlay').show();
问题是，在我使用JavaScript的页面上，事情是动态变化的，所以页面的高
浏览 4提问于2011-10-04得票数 0
回答已采纳
我正在使用的一个副本，其中画布的高度和宽度在属性中没有指定，但在CSS中设置为高度和宽度为100%。
目前，渲染的图像看起来就像是在低分辨率下清晰地绘制出来的，然后被放大了；屏幕上有一种模糊的感觉，就像你在浏览器中将图像放大太远一样。
有没有办法调整和配置RGraph，这样当图形充满屏幕时，图像就会清晰？
浏览 0提问于2012-11-29得票数 0
我正在使用Gatsby，我正在尝试编辑我的CSS，给自己一个充满屏幕的背景图像，然后在下面，我只想要一个页脚。This没有页脚，但它是我想要的一个很好的例子。 我有过 body, html, #gatsby-focus-wrapper, #__gatsby {
height: 100%;
}
.landingDiv {
background-image: url("https://images.unsplash.com/photo-1493663284031-b7e3aefcae8e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVu
浏览 24提问于2021-07-13得票数 1
回答已采纳
让我们假设这是我的HTML，这意味着我有一个未知数量的div元素：
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
我希望使用Flexbox来安排元素，使每一行只包含3个元素。
这是我编写的CSS代码，可以实现：
html, body {
wi
浏览 4提问于2017-04-13得票数 1
回答已采纳
图像占用了flexbox div (100%)中的所有空间，而不会使div变形。所以不是div调整为包含图像，而是image调整为充满div。
我知道在flexbox中包含图像的内部div会根据图像的大小进行调整，如果你说：
img {height : 100%; width : 100%;}
我需要flex div中的一个图像来占据div的所有空间。所以100%的高度和100%的宽度不会影响div本身。所以无论div的大小是什么，我都需要一个图像在其中存储并占用所有可用的空间，而不需要改变div本身。我该怎么做呢？
注意:如果使用flexbox不可能-那么我如何使用不同的技术来实现结果呢？
浏览 3提问于2016-04-26得票数 1
2回答
我有一个简单的CSS网格与2列(60%，40%)。第一幅画里充满了一幅画。当网格有足够的高度时，图片就被很好地包含在网格中。
问题是，当它没有足够的高度，图片是溢出的高度。
我希望它留在网格内，无论窗口大小如何，都要填满它。
，这是代码：
.container {
display: grid;
grid-template-columns: 60% 40%;
height: 100vh;
border: 2px solid red;
}
.picture {
width: 100%;
height: 100%;
object-fit: cover;
}
<
浏览 6提问于2021-12-22得票数 1
回答已采纳
1回答
如何才能使视频全屏响应。
我已经尝试过了：
video{
width: 100%;
}
和：
video{
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
但我只对此有意见。我不能把东西放在视频下面，它太大了，小屏幕上没有充满视频…
浏览 16提问于2018-08-08得票数 0
1回答
这是我的html：
<div class="xoxo">
<div class="field">
<label for="xo">Destination</label>
<input class="animatedinput" type="text" id="xo" />
<div class="jabudunapoveda">
浏览 2提问于2016-08-06得票数 0
2回答
我正在尝试为我的网页创建全屏部分，每个部分都有不同的颜色，问题是当我滚动时，没有办法显示部分，以便颜色充满屏幕，我可以改变什么，以使每个部分充满整个屏幕？
HTML：
<section class="first">
</section>
<section class="second">
</section>
<section class="third">
</section>
CSS：
body, html {
height: 100%;
m
浏览 0提问于2017-11-10得票数 0
我的图像与设备屏幕的纵横比不匹配。我想要拉伸图像，使其完全充满屏幕，并且我不想裁剪图像的任何部分。
CSS有百分比的概念，所以我可以将高度和宽度设置为100%。但Flutter似乎没有这个概念，而且只硬编码高度和宽度是不好的，所以我被卡住了。
这是我所拥有的(我使用了一个Stack，因为我在图像的前景中有一些东西)：
Widget background = new Container(
height: // Not sure what to put here!
width: // Not sure what to put here!
child: new Image.asset(
浏览 33提问于2017-08-18得票数 91
1回答
现在我正在做HTML5+CSS3作业。我想要一个动态的头部图像。所以，当我使它“充满活力”时，直到池塘，我才感到敬畏。
当前:在我的页面中没有任何类型的标题。帮我一把。)在这里，CSS：
header{
position:static;
margin: 0 auto;
background:url(img/desk_header.png);
background-repeat: no-repeat;}
下面是HTML：
<header></header>
浏览 2提问于2014-01-03得票数 0
回答已采纳
8回答
+--------------------+
| |
| |
| |
| |
| 1 |
| |
| |
| |
| |
+--------------------+
| |
| |
|
浏览 296提问于2013-03-13得票数 81
回答已采纳
我试图在Bootstrap Carousel控件中显示一个应该充满整个屏幕的图像。我使用的是1024px*795px的图像
我正在使用Bootstrap网站上给出的示例和完整大小的图像。在水平方向上，它很好地填满了屏幕。但在纵向上，它不能很好地扩展。我应该添加/删除哪些属性，才能使图像充满整个屏幕，尽管它们的像素较小？
我如何才能在响应式设计中也做到这一点，以便图像可以缩放到任何大小？
我在示例网站上使用css，只在carousel.html中更改CSS。
浏览 1提问于2013-01-02得票数 5
回答已采纳
Salam all
我有一个HTML页面有两个部分，标题和内容，标题高度是已知的和固定的，内容高度应该充满网页的休息区域。当内容部分填充网页的休息区时，如果内容大于网页的高度，它应该显示一个滚动条(我不想看到网页滚动条，只想看到内容DIV滚动条)。
我已经用Javascript完成了这项工作(我得到了我想要的结果)，
我的问题是:我可以使用CSS实现相同的行为吗？
代码如下：
CSS文件(site.css)：
html, body
{
height:100%;
width:100%;
padding:0;
margin:0;
}
#header
{
height:85px
浏览 0提问于2011-09-13得票数 1
回答已采纳
1回答
我有图像与width: 100%，所以它的高度是动态的。我想把一个div在它下面，将所有的高度留在页面底部。由于图像的高度未知，所以不可能使用height: calc(100% - ... )。
解决办法是什么？
谢谢!
浏览 1提问于2016-01-28得票数 0
回答已采纳
我试图在已知大小的div中对未知大小的图像进行居中，使图像在div内垂直和水平地居中，并且图像的高宽比不被扭曲。
这是一个
这段代码几乎完成了任务，但是这两个图像看起来都稍微向下移动了.可能有几个像素。为什么？
HTML；
<body>
<div class="container" id="c1">
<img src="test.jpg"/>
</div>
<div class="container" id="c2">
<
浏览 8提问于2010-11-28得票数 1
看看主页：现在，如果你像我一样让浏览器充满屏幕(1680x1050)，页脚似乎会增加100左右的pxl？这是我的证据：
正常视图：
当我把浏览器的尺寸调大时：
这真的很奇怪--我需要解决这个问题。当你看一看IPad的时候，情况就更糟了。
想法？
浏览 4提问于2012-01-26得票数 0
回答已采纳
4回答
在我的网页上，我需要把一个水平的彩色条带的一些宽度下面的标志文本。
我尝试使用这个css：
#colorstrip{
width: 100%; height: 2px;
border-style: solid;
border-color: white;
}
使用此html：
<span id="logo"> My site</span>
<div id="colorstrip"/>
但它显示了一个白色的矩形。我怎样才能让它成为一个充满的东西？或者我必须使用一个图像(可能是一个白色正方形)，并将其作为di
浏览 3提问于2012-03-23得票数 4
回答已采纳
我想要创建的CSS上只有铬，一个过渡开始的图像，是完整的身体宽度(无论是什么)，并让该图像从顶部向下滑动(而不是倾斜)，并慢慢推动任何是低于它的向下。也就是说，把它想象成一张棒球卡，从屏幕上方滑到屏幕前，直到它达到它的全部高度。HTML将基本如下所示：
<body>
<img id='myimage' class='myimageclass' src=.../>
<div>... lots more stuff
...
</body>
我试过改变高度，但这只会使图像从0x0开始，然后慢慢增长到全尺寸。我
浏览 1提问于2019-06-25得票数 1
回答已采纳
1回答
我有一个应用程序，允许用户上传一个徽标，稍后将在打印页面时使用。我需要以一种方式显示这个标志，将看起来ok，而不管尺寸。这是简单的网页css，我设置了一个最大宽度和最大高度，它看起来很好的宽标志和高标志。但当我打印时，最大设置被忽略。我在某处读到print css不支持max-width和max-height属性，所以我想应该在某个地方找到工作，但我找不到。这是我对图像的css：
.print-contact .logo-img {max-width:60%;max-height:100px;float:left;display:inline-block;margin-right:15px;}
浏览 3提问于2018-11-30得票数 1
我试图通过css使相同的宽度和高度(先验未知)。
做这件事有多种方法(，)，但在我的情况下，任何一种方法都不起作用：
.cont{height: 150px; width: 300px; background: lightgray;} /*size is unknow*/
.cont>div:nth-child(odd){background:pink;}
.cont>div:nth-child(even){background:green;}
.bordered{border:1px solid red;}
.square{
position: relative;
wi
浏览 4提问于2017-06-02得票数 0
如何使用css和javascript动态填充水创建一个泪滴/水滴填充。
例如。
它将充满水/眼泪滴取决于百分比。
例如，当百分比为100%时，它将充满水/泪滴。
浏览 1提问于2020-02-18得票数 1
回答已采纳
3回答
我想创建一个使用CSS的宝丽来风格的图像。然而，我想要创建一个大的缩略图的图像方形，以便所有的图像都是相同的大小。我事先不知道图像的尺寸，它们可能是不同的。我正在考虑使用一个数字标签以及图片说明来说明这张照片。当图像的尺寸未知时，如何创建缩略图。我研究了和，但似乎都没有考虑到未知的维度。
浏览 2提问于2011-12-01得票数 3
回答已采纳
我有一个边栏，有一个搜索字段，两个列表和一个文本div。搜索字段和文本div的高度总是相同的，但是这两个列表的高度是未知的(意味着它们会改变)。
我想知道是否有某种方法(仅使用CSS )使第一个div动态的高度能够根据浏览器窗口的高度和秒列表中项的高度/数量进行更改。第二个列表中可以有0到20个项目，其最大高度为整个页面高度的40%。
<style>
body, html {
height: 100 % ;margin: 0;padding: 0;
}
ul {
list - style: none;
margin: 0
浏览 1提问于2014-12-02得票数 0
我有以下HTML：
<article class="post clearfix">
<div class="post-img">
<img src="path/to/img"/>
</div>
<div class="post-details">
[content]
</div>
</article>
和以下CSS：
img {
max-width: 100%;
hei
浏览 2提问于2014-10-03得票数 1
我正在尝试构造具有viewBox属性的内联SVG，但没有显式的宽度或高度属性。我使用CSS将SVG的宽度设置为100%。这应该让SVG缩放到它的包装容器，保持由viewBox设置的纵横比。在Chrome和Firefox中，这是完美的！
下面是我所讨论的最小的代码示例：
HTML：
<div>
<svg viewBox="0 0 100 10">
<text x="1" y="9">hello</text>
</svg>
</div>
CSS：
div {
浏览 9提问于2014-10-09得票数 26
我正在尝试用emberjs实例化画布组件。我正在使用EaselJS在上面画一些文本。但是，看起来CSS是在绘制文本之后应用的，当它应用到宽度/高度为100%时，文本就会被拉伸。
我希望我的画布充满它的父母，我不知道它会有多大，直到运行时，这就是为什么高度和宽度是100%。
我试着使用Em.run.next，就像这里说的：，但是它没有改变任何东西。是否有另一个在应用CSS之后触发的事件？我需要做一些初始化，这取决于画布的宽度和高度。
.easelCanvas {
height: 100%;
width: 100%;
background-color: white;
}
下面是我的Em
浏览 2提问于2015-07-30得票数 1
回答已采纳
我试着用一个未知高度的div对着中心。
当视口高度小于div高度时，我无法找到允许滚动到div顶部的解决方案。
HTML
<div>
<p>This will be hidden when <br />
window_height < div_width</p>
<br />
<br />
<br />
How to make it scroll to the top?
</div>
CSS
body {
background: grey;
}
浏览 0提问于2015-10-19得票数 1
回答已采纳
我正在努力达到在这个网页上看到的效果：
当你向下滚动时，你会看到图标(比如圆形锤子图标)，“亮起来”，也就是说，它开始褪色，当你向下滚动时，它会变得更充满白色。连接到它并向下移动的行也是如此。
我将如何在jquery和CSS中实现这一点？经过多次搜索，我还没有找到解决办法。谢谢!
浏览 2提问于2013-07-25得票数 3
回答已采纳
我正在尝试建立一个网站的初始‘登陆页面’的外观，然后您可以向下滚动查看其余的内容。
我可以很容易地创建一个div来适应我当前使用的设备的屏幕，但是我如何为其他不同屏幕大小的设备编写代码呢？
我试过使用“100%”，它一开始当然有效，但当你滚动时，它会继续充满整个屏幕。我已经尝试定义一个特定的纵横比，但同样，这将只适用于我正在工作的屏幕。
为了清楚起见，我希望div或img在用户第一次登陆时填满屏幕，然后当用户滚动div/img时，div/img应该随着页面的其余部分向上移动。
我想只使用HTML或CSS来实现这一点。
提前感谢您的任何建议！
浏览 9提问于2016-08-17得票数 1
回答已采纳
我是新来的，希望有人能帮助我。
我看过这个网站，想知道有没有人可以用CSS来帮助我。我有一个标题和下面的容器与内容。我不明白的是，如何让Image在调整窗口大小后始终充满整个屏幕，以及如何让内容在滚动时立即显示。
调整窗口的高度和宽度，并滚动，以了解我的意思。如果有任何帮助，我将不胜感激。
干杯和TIA
浏览 0提问于2014-08-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
