计算所需的高度以使缩小的div到达底部视口
是指在前端开发中，通过计算div元素的高度，使其在缩放后能够完整地显示在浏览器窗口的底部视口位置。
在实现这个功能时，可以通过以下步骤来计算所需的高度：
- 获取div元素的实际高度：可以使用JavaScript的
offsetHeight属性来获取div元素的高度。 - 获取浏览器窗口的可视高度：可以使用JavaScript的
window.innerHeight属性来获取浏览器窗口的可视高度。 - 计算所需的高度：将浏览器窗口的可视高度减去div元素的实际高度，得到所需的高度。
- 应用所需的高度：将计算得到的所需的高度应用到div元素上，可以使用JavaScript的
style.height属性来设置div元素的高度。
这样，无论用户如何缩放浏览器窗口，div元素都能够保持在底部视口位置。
在实际应用中，这个功能可以用于实现一些需要固定在底部的元素，比如底部导航栏、悬浮按钮等。通过计算所需的高度，可以确保这些元素在不同设备和浏览器窗口大小下都能够正确地显示在底部位置。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：云开发
- 腾讯云后端开发相关产品：云函数
- 腾讯云软件测试相关产品：云测试
- 腾讯云数据库相关产品：云数据库 MySQL 版
- 腾讯云服务器运维相关产品：云服务器 CVM
- 腾讯云云原生相关产品：容器服务 TKE
- 腾讯云网络通信相关产品：私有网络 VPC
- 腾讯云网络安全相关产品：Web 应用防火墙 WAF
- 腾讯云音视频相关产品：云直播
- 腾讯云多媒体处理相关产品：云点播
- 腾讯云人工智能相关产品：人脸识别
- 腾讯云物联网相关产品：物联网开发平台
- 腾讯云移动开发相关产品：移动推送
- 腾讯云存储相关产品：对象存储 COS
- 腾讯云区块链相关产品：区块链服务 BaaS
- 腾讯云元宇宙相关产品：腾讯云元宇宙解决方案
相关·内容
2回答
在这个设置中
<div class="a">
</div>
.a {
width: 400px;
height: 600px;
}
如果屏幕分辨率是1600*1200，那么div的宽度会是浏览器中屏幕的25%吗？如果屏幕分辨率是4000*2400，那么div的宽度会是浏览器中屏幕的10%吗?
我想永远都是25%。
如果使用百分比设置宽度，则当浏览器不在全屏时，div将自动缩小。
浏览 1提问于2020-02-15得票数 1
1回答
有问题的网站：
所以我没有让页脚停留在底部的问题，我的问题是我的容器上有一个上边距，将页脚向下推25px超过浏览器的底部，这在上面网站的联系页面上最明显。我想保持25px的空间在顶部，但我仍然希望页脚是完整的visible...below是我的css的容器和footer...any的想法，我可以解决这个问题？
html,
body {
height: 100%;
}
#container {
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin
浏览 3提问于2013-04-20得票数 0
1回答
垂直响应背景视频
、、
我有一个简单的html页面，其中添加了一个背景视频剪辑和一个包含h1和p元素的div。
如果调整浏览器窗口的大小，背景视频是完全水平响应的，但它是，而不是垂直响应的。当浏览器窗口调整大小时，视频会从屏幕底部垂直缩小。如何使这个视频垂直响应，以及
这是我的问题的视觉表现
如您所见，当浏览器窗口调整大小时，视频从底部垂直缩小。需要帮助解决这个问题。
这是我的密码
相关HTML代码
<body>
<div class="video-container">
<video src="Lamp%20-%2011186
浏览 0提问于2017-12-07得票数 0
例如，我如何设置div容器的高度为屏幕高度的60%？如果不调整浏览器窗口的大小，则在css中将高度设置为60%效果良好。但是如果我缩小浏览器窗口，div也会相应地缩小。提供了一个很好的例子。“任务完成”，灰色部分始终是相同的高度，无论浏览器窗口如何调整大小。如何确保这一点？我不想使用px来确保HiDpi支持。
谢谢,
浏览 3提问于2017-11-09得票数 0
1回答
我想要一个SVG注释随着容器的缩小而缩放。在滚动中，我的容器缩小它的高度(它的宽度保持不变)。该容器包含我想要的SVG注释变得可缩放，但其下半部分变为不可见/截断。 如果我(通过CSS)使用我的SVG作为背景，我可以这样做，但我更喜欢将SVG内联到HTML中。 我尝试使用SVG属性的各种值preserveAspectRatio..。我认为它的价值xMidYMin slice会切掉我的SVG的底部(就像我想要的那样)，但它却挤压了它的高度。 我的容器是245x80px，在滚动上缩小到245x40px。 我的svg元素具有属性viewBox设置为0 0 245 80，并且没有width或者hei
浏览 64提问于2021-02-25得票数 1
回答已采纳
3回答
嗨，我有一个问题，我找不到一个在这里工作的答案。我正在制作一个简单的幻灯片在它的投资组合网站。幻灯片有箭头&还有下面的一些小点/数字，用来选择要转到哪张照片。我现在正在试着让框("main")适合屏幕的高度，这样我的幻灯片就能响应(当你缩小屏幕时，箭头会出现在屏幕底部，而不是屏幕的侧面)。然而，我有很多麻烦！不知怎么的，我的main比我的屏幕高度还大，所以总会出现一个滚动条。我不知道我该怎么解决这个问题。如何让我的主屏幕达到整个屏幕的高度？在手机上，它甚至不到半个屏幕，而在我的笔记本电脑上，它太大了…… .menu {
width:10%;
border: 1
浏览 24提问于2019-03-03得票数 2
回答已采纳
3回答
我试图产生这样的效果，当你点击一个按钮时，页面将滚动到一个div，并将浏览器的底部与div的底部对齐。我一直在使用scrollTop()和offset()，但是没有让它工作。有什么想法吗？
浏览 0提问于2013-07-20得票数 1
1回答
如果我将div设置为
height:85vh;
屏幕上元素id的底部减少了相当多(页面的高度只有大约40px…)
为了让它适合页面，我必须将它设置为
height:55vh;
此外，这只适用于纵向模式，如果我将ipad转到横向，即使我刷新屏幕，它似乎仍然认为视口是纵向的！
将vh设置为85适用于android平板电脑、windows平板电脑和桌面浏览器(android和windows平板电脑在旋转设备时也会调整视口的大小)。为什么ipad表现得如此怪异？
浏览 0提问于2013-11-18得票数 1
$(window).scroll(function(e){
if($(this).scrollTop()>=400) $('#jtop').show('slow');
if($(this).scrollTop()<400) if($('#jtop').width()) $('#jtop').hide('slow');
});
我正在使用该函数来确定是否有人向下滚动超过400并切换图像，它工作正常，但当我试图得到通知时，如果有人到达我的页脚顶部位置，它不会返回期望值。我使用了offs
浏览 1提问于2012-02-05得票数 1
回答已采纳
1回答
我正在尝试让容器".works-wrap"适应“检出更多”图标位于视口底部的位置。
正如图像所示，但这发生在我不需要缩小等等的情况下，这只是为了表明我有多想要它。
如果内容是绝对的，就会抛出粘性页脚。
如果有CSS或jquery方法，我都可以选择。
谢谢。
浏览 5提问于2014-10-10得票数 0
1回答
我试图限制一个视频元素的观看区域，这样它就不会流过屏幕的底部(它应该和我在上面的更暗的图层一样大)。
所以如果视口是1440x600，视频也应该是1440x600。我添加了overflow:hidden;，afaik应该做到这一点。
CSS/HTML：
body {
margin: 0;
height: 100%;
}
.top {
width: 100%;
height: 100%;
display: block;
background-size: cover;
background-position: center center;
overflow:
浏览 2提问于2015-02-23得票数 0
回答已采纳
我的应用程序由一个3行的柔性盒列组成：
<div class="app" style="display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: space-around;">
<div class="question-header" style="-webkit-flex: 0 0 0;">...</div>
<div class="question-intera
浏览 4提问于2015-09-07得票数 2
回答已采纳
1回答
我有这个：
<div style="position:absolute;top:275px;right:0px;left:0px;bottom:84px;padding:10px;">
<table border="1" style="width:100%;height:100%;">
<tr>
<th style="height:16px;width:50%;">Version notes</th>
浏览 0提问于2012-07-13得票数 1
2回答
我希望我的图像完全覆盖背景。此外，如果除了背景之外没有任何方向的内容，我不想要滚动条。
下面是我能得到的最好的结果，除了我在底部有大约1英寸的空白和水平滚动到大约95%。
SCSS
body, html {
padding: 0 !important;
margin: 0 !important;
}
.workspace {
background: url("../../../assets/Images/WhatIsHunter.jpg") no-repeat center center fixed;
background-size: cover;
hei
浏览 1提问于2017-08-27得票数 0
1回答
我试图在div的底部添加具有相对位置和自动高度的空间。有人能给我指个方向吗？
我的代码：
我尝试在#content中使用：
margin-bottom: 20px;
但是当定义了top规则时，它是无用的。
和：
bottom: 20px;
对某些地方来说也不管用。
浏览 0提问于2013-01-17得票数 1
回答已采纳
因此，目前，我正在创建一个模式，是在中间的页面的位置绝对。问题是，当我调整我的溴化物的高度，只有高度，它会推动模态上升，触摸屏幕的顶部，甚至通过它。我只想知道怎样才能阻止这一切。
.modal-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9;
}
.callLogForm__container {
position: absolute;
top: 0;
left: 0;
浏览 16提问于2022-03-26得票数 2
3回答
所以我想让我的内容成为一个2列的布局div，来填充整个“容器”。但我希望"335px x 250px“div在窗口放大或缩小时按比例调整大小。这是我希望它看起来像下图的示例图像，我该怎么做呢？
JSFiddle链接：
<body>
<div id="body-wrap">
<div id="mobilenav"></div>
<div class="content-wrap">
<div id=
浏览 3提问于2015-05-29得票数 2
我想将元素的宽度设置为观众监视器的本机分辨率的关系。
我理解CSS "width:100%;“的存在，但我对这种方法使布局变形的方式不满意，或者对于想要放大/缩小的观众来说，行为可能是令人沮丧的。
取而代之的是，我希望元素只在zoom=100%中表现为“宽度:100%”。这是可能的(使用CSS或Javascript)吗？
浏览 0提问于2016-02-08得票数 3
1回答
我有一个问题，关于滚动条在div使用柔性盒CSS。
我增加了一个例子来澄清这种情况。
* {
box-sizing: border-box;
}
.flex-display {
display: flex;
align-items: stretch;
height: 100%;
}
.tree-container {
border: 1px groove gray;
padding: 10px;
width: 25%;
height: 100%;
}
.detail-container {
border: 1px groove black;
padd
浏览 3提问于2016-02-19得票数 1
回答已采纳
我是个新手，但在过去的几年里我一直在学习编程。我刚刚打开了我的网页，除了关于/联系页面之外，一切看起来都很好。没有足够的内容让页脚停留在底部，粘性页脚代码使其始终存在。我只想让它在页面的底部和内容下面。它在小浏览器上看起来不错，但在大屏幕上或缩小时就不行了。
绝对定位和固定定位不起作用，bottom: 0也不起作用。我已经想不出怎么把它搞到底了。
有什么想法吗？
这是我的网站：
谢谢!
浏览 2提问于2016-06-01得票数 0
我想添加一个底部:值到我的div，其中的值将根据浏览器窗口的纵横比变化。
有没有办法获得我的浏览器窗口当前的纵横比宽度/height？
.loading-animation{
bottom: ?
}
浏览 4提问于2021-11-24得票数 1
回答已采纳
1回答
文本顶部和底部的等距
、、、、
我希望to文本在大小大小的屏幕上具有相等的间距，如下所示：
注意:在所有屏幕尺寸上，它应该在顶部和底部具有相等的间距，这意味着它需要在所有设备上作出响应。
我正在使用引导4。下面是需要修改的HTML和CSS代码：
<!DOCTYPE html>
<html>
<head>
<title>Background Top</title>
<meta charset="utf-8">
<meta name="viewport" co
浏览 8提问于2021-01-09得票数 2
我尝试使用$(window).width()将div与中心对齐。在Windows上，这个技巧效果很好，因为在缩放页面时，$(window).width()会发生变化。
但是，在Chrome IOS上缩放页面时，$(window).width()始终返回相同的值，导致仅当页面未放大(或缩小)时，div才对齐居中
有什么想法吗？
谢谢。
浏览 6提问于2013-09-15得票数 1
2回答
我有一个wordpress网站，在最顶部有一个容器来显示背景图像。我希望背景与div高度成比例，以便根据屏幕大小进行调整。我目前正在使用height标签来显示这个区域(参见下面的CSS )。我基本上希望它不溢出时，网站是大的(它隐藏的底部的图像时，在较高的分辨率)和不显示在底部的白色时，网站是小的。
我怎样才能使高度响应呢？
你可以在这里看到这个网站：
CSS：
.top_site{
background: rgba(0, 0, 0, 0) url("/wp-content/themes/alex/images/mast_w-kid_1920x800.jpg") no-
浏览 0提问于2015-12-17得票数 4
我有一个基于SVG的网站预加载器。我不能使它响应。它没有假设父母的完整尺寸。我想要缩小它，以便它可以根据视口的高度来调整大小。https://codepen.io/toughyear/pen/zYxWJOj <div >
<svg
xmlns="http://www.w3.org/2000/svg"
width="449.000000pt"
height="470.000000pt"
viewBox="0 0 449.0000
浏览 11提问于2020-01-10得票数 1
3回答
下面是我正在研究的页面：
这是我用来对div进行居中的代码：
div {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: auto;
padding: 20px;
background-color:rgba(255, 255, 255, 0.2);
color: white;
text-align: center;
border-radius:5px;
border:2px solid rgba(2
浏览 5提问于2016-05-14得票数 2
回答已采纳
我有一个主div，它包含一个chat_bubble和一个character_image div。当屏幕不够宽时，我希望character_image div位于chat_bubble div下面，这与预期的一样。
但是当屏幕高度不能包含character_image时，我希望图像缩小，保持高宽比，填充不超过30%的高度。
我想我可以使用最大高度: 30%，但正如你所看到的，无论屏幕高度如何，character_image div都不会收缩，而是在切断chat_bubble div时创建一个滚动条，而chat_bubble div应该优先，不应该被切断或缩小。
如果有人能帮忙的话，这里
浏览 1提问于2021-06-19得票数 0
回答已采纳
我有以下简单的布局：
body {
height: 100%
}
.container {
height: 100%;
display: grid;
grid-template-rows: 100px 1fr 100px;
}
.header{
background: red;
}
.content{
background: blue;
}
.footer{
background: yellow;
}
<body>
<div class="container">
<div clas
浏览 0提问于2020-10-07得票数 0
2回答
快速提问。
我在一个网站上有两个导航栏。第一个是运行页面顶部屏幕宽度的固定高度条，第二个是运行页面底部屏幕宽度的固定高度条。
是否有办法使它们之间的内容DIV根据剩余空间的百分比而不是总页面大小的百分比进行调整？由于窗口垂直缩小，我希望中间的内容div相应地调整大小，而两个条形保持相同的大小。
任何帮助都将不胜感激！
浏览 3提问于2017-08-21得票数 2
回答已采纳
1回答
我在论坛上没有发现任何东西，这个问题可能很愚蠢，但我是个新手。我试着做一个“按钮”，当我点击它时，会发生一些事情。但这不是问题所在。我不知道如何保持按钮在页面的中心，任何缩放，在个人电脑和移动。我想使用一个图像，但我想问，无论如何，如果我需要，如何做到这一点。
代码很简单，但有两个问题我不知道如何解决:当我放大或缩小，框保持不变，但字体大小变化。我不知道如何使它静止；
在手机上，所有东西都放错位置了，我真的不知道该怎么做
#div{
height:10%;
width:50%;
border:0.01em solid black;
ba
浏览 3提问于2016-12-13得票数 1
回答已采纳
1回答
我有一个部分，我想使用纵横比缩放，但也保持它在最大和最小的高度。不知怎么的，max-height属性不适用于此，而min-width属性工作得很好。
div {
background: green;
border-bottom: 2px solid red;
padding-top: 60%;
max-height: 100vh;
min-height: 450px;
box-sizing: border-box;
}
<div></div>
我试图实现的是显示具有固定纵横比的内容，它会按比例缩小，直到达到最小高度，但在更宽的浏览器中显
浏览 0提问于2017-09-05得票数 2
1回答
响应图像按窗口高度缩放
、、、
同样，将图像设置为：
img {max-width: 100%;}
比如： .当浏览器窗口的宽度变小时，按比例缩放图像，，当浏览器的高度变小时，如何获得相同的缩放效果？
我想要达到的最终效果就像您在许多响应性灯箱上看到的一样，比如：。
^^我不一定想要制作灯箱本身，但是请注意，当您在那里单击单个图像演示时，lightbox会产生图像，并且不管您缩小浏览器窗口的宽度或高度，灯箱中的图像在缩小时保持成比例。
那么，我如何才能得到同样的比例缩放效果，发生在小猫在我的小提琴上面？
浏览 1提问于2015-06-08得票数 10
我有一些问题，如何编程一个响应的“内容”框从引导。如所示，我希望使引导带content-inner的内部响应。
在内容-内框中我有
一个有固定宽度(红色)的div
第二个容器(一个article容器)是一个容器，它应该占用页面的剩余空间(因此，随着高度的增加，白色背景应该变大，顶部和底部的灰色空间应该更小)。这个容器也有一个溢出-y，但是溢出-x是隐藏的，因为右边的滚动条也会在底部有一个滚动条。(绿色)
第三个有一个固定的宽度，太(蓝色)
注意上面和底部的空间，应该有一个空间。
我对实现/解决这个问题的方法并不十分了解。
因此，我寻找如何实现的方法，并找到了。这个“功能”
浏览 1提问于2017-07-18得票数 2
回答已采纳
2回答
我有一个响应方的工作例子，圆角与视口成比例。请查看下面的代码片段，忽略我在.diamond类选择器中进行的其他一些转换：
<div class="diamond"></div>
CSS
.diamond {
width: 75%;
background-color: #7FDBFF;
background-image: linear-gradient(#ff52bf, #9a52ff);
transform: rotate(315deg);
border-radius: 8%;
position: absolute;
rig
浏览 1提问于2019-01-25得票数 0
回答已采纳
我正在创建一个以div为幻灯片的网站..。
有点像视差的地方。
我有以下HTML代码
<div id='div1'>content</div>
<div id='div2'>content</div>
<div id='div3'>content</div>
<div id='div4'>content</div>
现在，我希望第一个div能够100%地提高视口的高度。
问题是，如果我设置高度:100%，页面在90%的缩放下是很好的。
浏览 1提问于2014-03-09得票数 0
回答已采纳
1回答
自动缩放元素以适应视口/设备方向
、、、、
我有以下标记：(简化)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
<body>
<div class="wrapper">
<div class="content"> (absolutely positioned stuff) </div>
</div>
</body>
具有以下样式：
.wrapper {
width:
浏览 0提问于2016-01-19得票数 2
2回答
我正在做我的第二个网络项目(自学)，我有一个新手问题。
我在我的页面上有一个模拟的页眉和页脚，它们都有100px的高度。我试图改变这一点，以使高度以百分比表示，但当我这样做时，它们就会崩溃。为什么？
代码：
HTML
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Photography</title>
<link rel="
浏览 14提问于2017-02-22得票数 1
1回答
我有以下问题:我正在用javascript编写一个游戏，我希望它是resposnive。游戏的场地是一个正方形，其中包含25个较小的正方形。
现在我希望我的站点是响应式的，并且正方形的高度等于他的宽度。
我试着在%属性中这样做，但没有成功。
下面您可以看到应该具有这些属性的类。
.standart {
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
width: 5.21%;
height: 9.26%;
background: blu
浏览 2提问于2019-04-24得票数 0
1回答
目前，当我缩小屏幕的大小时，文本和图像就会从div中挤出，如下所示：
。
我怎么才能让它看起来像
？(显示屏幕的全屏和一半大小)。
.flex {
z-index: 2;
display: flex;
flex-direction: row;
background-color: #000000;
height: 100px;
border-radius: 20px;
margin: -450px 36% 0 36%;
}
.landingText {
z-index: 2;
font-family: 'Mukta', sans-se
浏览 4提问于2022-01-18得票数 -1
我正在解决以下问题。我有一个‘肚脐’这样的：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="fals
浏览 2提问于2020-12-15得票数 0
回答已采纳
2回答
如何根据屏幕大小动态增加面板高度
<div class="container-fluid">
<!--Heading-->
<div class="row " align="center">
<h1 style="font-family: 'Roboto', sans-serif; font-size: 45px;"> Test Automation Inventory</h1>
</div>
<!--Table-->
浏览 6提问于2017-07-07得票数 1
使用这段代码，当div从浏览器窗口顶部获得一定数量的像素时，我可以向div添加一个类。有没有可能使用%来实现这一点？这样我就可以把它设为从顶部算起的50%？这意味着在所有屏幕尺寸上都会有统一的效果。
<script>
$(window).scroll(function() {
$('.names').each(function(){
var imagePos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (imagePos < t
浏览 0提问于2015-05-16得票数 0
4回答
当没有足够的内容时，我需要帮助将div扩展到页面的底部，当我向内容和容器添加100%的高度时，没有任何变化，当我将其添加到正文中时，一切都会混乱。我试图提供尽可能多的信息，因此提供了CSS和HTML下面。
CSS：
(所有这些，对于这个问题，很多可能都是不必要的，对不起)
body {
background-color: #111014;
background-image: url("images/bg.png");
background-repeat: repeat-x;
color: #dad8df;
font-family: tahoma;
overflow-y: scr
浏览 0提问于2011-08-20得票数 0
回答已采纳
我正在写一个jquery web应用程序，基本上打开一个div“窗口”的基础上，您与鼠标点击。您可以明显地想象，如果鼠标过多地位于视口的右侧或底部，则打开的DIV的一部分将不可见。
有没有办法，也许是在draggable UI中，让新显示的jQuery在中向正确的方向移动一点(可能是在使用draggable()的时候)？如果没有，我将不得不编写我自己的函数。
提前感谢
浏览 0提问于2012-10-09得票数 0
回答已采纳
1回答
我一直在努力修复我现在正在工作的一个网站上的主要网格。我的目标是有尽可能少的中介。
我需要Logo来保持标题的高度，而不是缩小。
基本相同的时间线标题，但这一次也需要保持时间线的宽度。
我尝试了不同的解决方案，但似乎没有一个对我有用。这可能是js的时间了吗？(调整大小)
$(window).resize(function() {
var windowHeight = $(window).height();
var headerHeight = $('div#header').outerHeight(true)
var footerHeight = $(&
浏览 2提问于2016-03-08得票数 0
回答已采纳
这可能是一个非常基本的问题，但是否有可能使一个孩子单独响应，当包含的父母div不是？
基本上，这就是我的html：
<div id="parent">
<div id="child"></div>
</div>
和css：
#child {
background-color: red;
height: 20%;
width: 50% !important;
}
#parent {
background-color: blue;
width: 500px;
he
浏览 1提问于2014-11-16得票数 1
回答已采纳
我正在尝试在我的页脚中为移动定位一个元素。当我使用px时，这是有效的，但是当我尝试使用percent时，它不会移动。我想使用percent的原因是，它似乎在一定程度上可以跨不同的设备/浏览器放置元素，而px只是在单个设备/浏览器中定义边距。所以问题是，为什么top: 10%不能工作，而top: 40px可以呢？
@media (max-width: 768px)
{.copyright{position:
relative;
transform:rotate(90deg);
right: 150px; top: 10%
!important; vertical-align:
midd
浏览 1提问于2020-02-07得票数 1
我有一个div，宽度为100%，高度为100%，div内为svg，宽度为100%，高度为100% (默认情况下)
我把填充物涂在div上。左，右，上垫工作，但底部没有，有什么想法吗？
<div>
<svg viewBox="0 0 100 100"></svg>
</div>
div {
box-sizing: border-box;
background-color: tomato;
position: fixed;
top: 0;
left: 0;
width: 10
浏览 3提问于2016-04-27得票数 0
回答已采纳
2回答
是否有更好的方法来达到100%的高度与自动滚动，如下面的plnkr所示，而不必添加所有的填充类？我觉得一定有更优雅的方法。
<section class="content fill">
<div class="container-fluid fill">
<div class="row fill">
<div class="col-sm-12 fill">
<div class="row
浏览 0提问于2016-05-02得票数 2
回答已采纳
2回答
我有一个关于%宽度和高度的问题:我想给每个尺寸的百分比(移动，平板，pc浏览器等兼容性)，但当我调整浏览器的宽度，导致高度也调整为所有元素。在不改变高度的情况下，如何停止高度修改？我只想要高度适合元素的内容，而不是更多。
我的网站结构：
*{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
text-align: center;
}
html, body{
min-height: 100%;
min-width: 100%;
}
#wrapper
浏览 1提问于2015-05-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
