我有一个父级div或class=row，以及两个分别为class=colo-xs-6的子级。我希望有空间之间，但也有边界。所以我给每个人都增加了一个孩子。-xs-6类提供一个15 my填充，所以我得到了我的空间。现在的问题是，我希望它们的大小是一样的。
我在该行中添加了显示:表行。
我在两个子列中添加了display:table-cell和float:none。它给了div等高。
我的问题是，包含内容的第二个子div比第一个子div小。因此，固体边界并不是等高的。子div如何继承父级大小？
<script src="https://code.jque
浏览 3提问于2016-02-01得票数 1
2回答
我在用引导程序开发旋转木马图像滑块。我无法改变图像的高度。如果我试图改变高度，它对高度和宽度都有影响。但我只需要修改宽度。
我的代码如下：
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
&l
浏览 1提问于2017-06-04得票数 0
回答已采纳
我对jquery UI的可伸缩性有一个问题。我到处找，都找不到和我有同样问题的人。基本上，当我尝试从任何边或角调整div的大小时，它的宽度和高度都变为0。
这就是我的HTML、CSS和JS。
HTML：
<div class="container">
<img src="http://www.deshow.net/d/file/cartoon/2008-12/bob-ross-landscape-painting-281-2.jpg" width="500"></img>
<div cla
浏览 1提问于2013-01-23得票数 1
我实际上正在做一个使用MVC结构的PHP项目，包括在使用ob°start()进行输出缓冲期间通过单个文件的DOCTYPE & HEAD标记。
当我想为页面容器声明一个最小高度的属性，以便将页脚粘贴在页面的底部时，问题就来了。ob_start() -- ob_get_clean()的使用似乎禁止浏览器及时访问这些属性，因此它们无法计算高度值。
这是我的index.php文件：
<?php
include_once('global/init.php');
ob_start();
if(isset($_GET['module'])){
$modu
浏览 1提问于2013-01-23得票数 0
1回答
我在摆弄CSS动画，因为它们太棒了。
我正在试着在页面的左手边做一个导航栏。我希望条形图占据页面高度的100%，但是当我为高度设置该属性时，我的条形图不再出现在页面上。CSS动画不能使用基于%的高度和宽度吗？
我的CSS：
body{
overflow: hidden;
padding: 0;
overflow-x: hidden
}
div {
-webkit-animation:myfirst 4s; /* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
font-size: .2px;
pad
浏览 2提问于2013-11-08得票数 0
2回答
是我的小提琴的链接，以供参考。
.container {
background-color: gray;
position: relative;
padding: 20px;
height: 70%;
/* uncomment this and will work as expected */
/* height: 70px; */
}
.child1 {
width: 75%;
display: inline-block;
height: 100px;
}
.child2 {
background-color: green;
width:
浏览 2提问于2018-07-24得票数 0
回答已采纳
我必须说，这不是一个大问题，但这是奇怪的！
我有一个带有section css的min-height: 50vh;元素。里面有一些内容。即使在将height: 100%;设置为div之后，它仍然没有获得父级的全部高度；section。这就是我不明白的原因！！
一种解决方案是给section相对位置，给出div的绝对位置，并将top, bottom, left, and right设置为0。但我很想知道为什么会发生这种行为！
谢谢!
浏览 1提问于2018-05-26得票数 2
1回答
好的，我真的很难理解float属性的行为。
这一页是750 px宽。为了将它保持在屏幕的中心位置，我使用了以下代码：
<div align="center">
<div align="left" style="width:750px; border-style:double;">
stuff
</div>
</div>
主750 px宽容器中的元素是具有下列样式的其他容器：
div.infoCont //these containers usualy have two
浏览 0提问于2013-04-03得票数 3
我正在使用一个小脚本(问题底部的完整代码)来创建一个BorderLayout --顶部、左、右和中间。我用sap.ui.commons.layout.BorderLayoutAreas填充这些部件(如中所示)。
我的主要问题是，我希望这个布局适合整个浏览器屏幕，如果裁剪窗口被调整大小，就会调整大小。为此，BorderLayout具有我为其设置大小的属性宽度和高度。但这不像预期的那样有效。例如，如果我用100%或auto替换宽度，则应用程序宽度总是被正确调整，并填充浏览器(宽度)。由于某些原因，这不适用于高度。当我输入与像素值不同的东西(例如，900px)时，所有控件都会取消，并且窗口是空的。
浏览 1提问于2015-05-12得票数 1
回答已采纳
我已经建立了这个网站：
所有的代码( HTML，JS，CSS)都被添加到了一个HTML页面中，因为它是在WordPress中使用的，并且使用了一个“即将到来”的插件。您可以查看站点并查看源代码，以查看页面的全部代码。
在页面上，我有一个绿色的向下箭头，点击时使用JS效果缩小徽标，并淡入隐藏在包含内容的fullScreen div中的文本。此fullScreen div不是设置背景的div的子元素(设置背景的div使用Google的插件将地图设置为背景)。
当最初隐藏的div中的内容变为可见时，内容溢出设置高度和宽度并添加垂直滚动条的div的边界。但是，我的问题是:是否有一种方法可以使这些内容与
浏览 8提问于2016-07-23得票数 0
回答已采纳
我正在尝试学习基本的机制，来解释为什么需要3个height: 100%标签才能用背景图像填充屏幕。直觉上，我理解为什么.bg需要height: 100%或者height: 100vh;，但是我不明白为什么BODY标签需要height: 100%，我尤其不明白为什么HTML标签也需要它。如果这3行中的任何一行被删除，效果将停止工作。规范中有没有解释这一点的东西？我找不到了。
这是我的
html {
height: 100%;
}
body {
height: 100%;
margin:0;
padding:0;
}
.bg {
height: 1
浏览 11提问于2017-02-09得票数 0
回答已采纳
2回答
我试着制作一个手风琴风格的列表，但不管我给孩子多少百分比，它都会完全显示出来(即使是0%)。请参见--如果您将" 0%“更改为"0”(或“0 0px”)，它会隐藏得很好，但会隐藏在0%(或1%、50%或100%等)。这孩子是完全可见的。只有在给父<li>一个显式像素高度的情况下，百分比才会起作用(但这并不能很好地显示子扩展的动画效果)。
当没有指定父高度时，我可以理解百分比高度如何表现得很奇怪，但是0%应该始终是0 0px。这就是我不明白的。
浏览 2提问于2013-10-25得票数 1
回答已采纳
我在gtmetrix上得到了一个F，用于“指定图像尺寸”。我的网站有css处理所有宽度和高度的，以便它可以在各种设备上作出响应。如果我在html中指定了维度，那么我就无法调整它们。
有办法克服这个gtmetrix错误吗？我正在考虑使用JS删除html部分width="" height=""。
浏览 5提问于2015-09-13得票数 0
回答已采纳
3回答
我有一个固定的高度包装器(由使用window.innerHeight的javascript设置)，我有一个由我正在使用的cms生成的嵌套div的inifite系列。嵌套得很深，这是我的网状结构。问题是，如果我把一个百分比的高度添加到我的网页结构的div中，那么在到达包装之前有太多的空白div，而它就是不能工作。在我的网页结构之前的div只有动态i，我不能使用它们。
我在这里复制了一个非常简单的例子：
html
<div class="wrapper">
<div class="mmm">
<div></div&g
浏览 4提问于2013-10-29得票数 0
回答已采纳
我在我的网站上使用的html5样板清除我的.content div。但是在两个页面上，当.content div的内容实际上比我给它的最小高度长的时候，它们就会被砍掉。但是清除修复通常有助于修复父div中由浮动元素引起的问题。但是我的.cell div没有浮起。
<div class="content clearfix">
<div class="cell"></div>
<div class="cell"></div>
<div class="ce
浏览 1提问于2013-11-27得票数 1
回答已采纳
另一个简单的JS/HTML问题。如何让HTML元素始终伸展到页面底部？
我试过做height: 100%;，但它超出了页面的底部(因为它不在顶部，我想)。
做这件事的首选方法是什么？如果调整窗口大小，它应该使窗口底部达到窗口底部。
浏览 0提问于2013-08-06得票数 0
我有一张像下面这样的图片。
<img src="file.jpg" />
下面是css代码
img {
max-width: 100%;
height: auto;
}
有谁能解释一下这个css代码是如何使图像响应的，我的意思是完美地缩放它。我想知道这个css代码背后的工作原理。
浏览 4提问于2014-09-08得票数 2
回答已采纳
我有一个用JavaScript附加到文档中的overlay元素。下面是它的样式声明：
#overlay_mask {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background-color: #000000;
}
它的大小可以正确地延伸到窗口的高度，但当用户滚动时，覆盖图不会跟随。
html和body元素设置为width: 100%；和height: 100%。覆盖图是文档的第
浏览 1提问于2012-11-24得票数 1
回答已采纳
由于某些原因，iframe似乎总是使用比他们需要的更多的垂直空间。下面的repl演示了这一点：
有没有什么方法可以告诉iframe最小化它所需的垂直空间，最好不要JS？在示例repl中，我试图通过将html、body和iframe的边距、填充和边框设置为0来最小化空间，但它没有最小化iframe的垂直空间。值得一提的是，我可以在iframe内部和外部控制CSS。
谢谢!
浏览 27提问于2021-03-03得票数 0
回答已采纳
如何在到达可用空间的末尾时使用jquery动态地增加tinyMCE的高度？
我想动态地增加到达显示空间底部的高度。
因为我不想滚动它来查看顶部的内容。
浏览 2提问于2014-05-08得票数 1
回答已采纳
1回答
我试图做一个覆盖设计，我有一个按钮，当点击，一个新的覆盖div将显示在我的主div之上，我怎么也不知道为什么我创建的覆盖div没有出现。我有看教程和搜索类似的情况，但我不明白为什么它没有显示。
这是我的html页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"
浏览 0提问于2020-03-25得票数 0
回答已采纳
但情况显然并非如此。
我的JS：
$(".job_charge.item-block").live({
mouseenter: function(){
$(this).find('.edit-and-delete').stop(true,true).fadeIn();
},
mouseleave: function(){
$(this).find('.edit-and-delete').stop(true, true).fadeOut();
}
});
我的HTML：
<div id="job_cha
浏览 0提问于2012-03-28得票数 8
回答已采纳
1回答
我正在尝试设计一个用于移动的wesite，在左上角有一个按钮，它是设置为父对象的100%高度。宽度应该与高度相同，但我只找到了JS或JQuery的解决方案。我喜欢这样的东西：
.hamburger {
height: 100%;
width: height;
}
浏览 2提问于2016-05-01得票数 1
回答已采纳
当您将div的宽度/高度设置为100%时，它们应该接受其父元素的维度。
我看这是宽度的情况，而不是高度。所讨论的元素就是这样的，其中fm是父元素，fm_xxx是子元素。
#fm{
position: relative;
text-align: left;
width: 370px;
height: 100%;
}
#fm_tags{
position: relative;
width: 100%;
height: 100%;
}
#fm_arcmarks{
margin-top:10px;
position: relative;
width: 1
浏览 1提问于2016-03-18得票数 1
回答已采纳
2回答
是否可以使用position: absolute;使元素具有父元素的全部高度，包括溢出的内容？
在下面的代码片段中，.line元素在滚动.container时被切断
.container {
position: relative;
height: 150px;
width: 300px;
overflow-y: scroll;
}
.line {
position: absolute;
background: #000;
width: 2px;
left: 50%;
height: 100%;
}
<div class="containe
浏览 0提问于2018-09-01得票数 1
回答已采纳
我很好奇css文件中html, body{width:100%}的用途是什么？这是一种css重置代码吗？
禁用这段代码不会影响我在浏览器中看到的内容。它是对一些旧浏览器或移动设备的“错误修复”吗？我是不是遗漏了什么？有谁能解释一下吗？
谢谢你。
浏览 25提问于2014-06-09得票数 0
我有这个
div {
height: 50px;
border-bottom: 1px solid black;
position: relative;
}
div:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background: green;
position: absolute;
top: 50px;
}
这个想法是绿色的盒子就在底部的边框下面。为此，我需要在其上显式指定top属性。我在考虑如何避免以像素为单位指定显式度量，并以某种
浏览 5提问于2014-09-24得票数 0
回答已采纳
2回答
我在其他问题上尝试过许多例子，但似乎没有一个对我有用。我只是在尝试创建一个边框为100 to的div容器，如果它动态增长，它将与容器一起垂直展开。如下所示，即使我将高度设置为100%，内部div也不会增长。
我的CSS看起来这个；
<style>
#outer {
border:10px solid #7A838B;
margin:10px;
border-radius:30px;
max-width:500px;
min-height:200px;
}
#lef
浏览 1提问于2014-08-31得票数 0
回答已采纳
1回答
试图在内容区域周围构建3d多维数据集效果。多维数据集效应与::before、::after和-webkit-transform:skew一起正常工作，但是我无法获得继承其父级高度的正确方，这迫使我使用静态高度，这是我不想做的。有什么更好的方法来实现这一点，因为默认的高度没有设置为内容将持续增加/减少和影响的大小？
下面是JS，HTML格式有点简化。
浏览 0提问于2014-01-29得票数 1
回答已采纳
我用的是所有的相对单位(百分比)：字体、表格的宽度和高度等等，但是包含计算器按钮和显示器的表仍然与任何设备的屏幕大小不匹配。
我已经尝试将每个按钮的“高度”属性设置为一定百分比，以及计算器的显示，以便使计算器框适合整个设备屏幕。
.botonesOP{
border-style:groove;
border-width:2px;
border-radius:10%;
text-align:center;
font-size:100%;
width:22.5%;
height:25%;
box-shadow: 7px 7px 30px rgb(113, 247, 135);
ba
浏览 1提问于2019-08-22得票数 0
回答已采纳
4回答
div高度100%
、、、
我想做一个100%高度的div，所以基本上是全屏的。这样，背景就覆盖了整个页面。我不想在正文中添加背景，因为我想要它，这样如果我注释掉包装器，页面就是全宽的。(顺便说一句，这是可行的)
因此，基本上我的问题是:如何使包装器-bg div 100%高。
希望你们能帮助我。
浏览 1提问于2010-02-17得票数 0
body { min-height: 100vh; }
我使用了上述规则，并得到了937 it高度的身体元素时，检查它的铬(全窗口)。因此，考虑到这一点，我使用了身高和最小高度两个属性，使用百分比(除50%外)作为值，并期望子元素继承高度。但是在检查页面时，子元素(我在这里使用)有0px表示高度。(然而，当我使用以像素为单位的值时，我得到了预期的结果。)
为什么子元素不能从body元素获得高度，而不像其他例子，比如背景颜色或颜色，或者子元素继承它们的字体家族？
那么，当我使用百分比作为值时，幕后在做什么呢？此外，如果有任何有用的CSS资源，请提供他们。
编辑：
浏览 11提问于2022-04-02得票数 -1
回答已采纳
1回答
从这把小提琴上你可以看到：
我试图淡出一个元素，在使用角度动画时淡出另一个元素。
褪色(使用不透明度和转换)起作用。但是，如您所见，在隐藏显示的当前元素之前，它会显示先前隐藏的元素。这样您就可以同时显示这两个元素。
问题
是否有办法等到第一个元素完全隐藏后才显示第二个元素？当然，我可以用自定义指令来完成这个任务，但是在走这条路之前，我想确定没有开箱即用的方式。
我试过什么
( a)对正在褪色的元素进行过渡--延迟：
.ng-hide-remove {
-webkit-transition: all 1s ease 1s;
transition: all 1s ease 1s;
浏览 0提问于2014-02-18得票数 3
回答已采纳
我看过问的问题，但是height: 100%;和height: inherit;有什么不同呢
我基本上想让这个元素的高度填满/匹配它的容器。是否有理由使用100%而不是inherit，或者反之亦然？
浏览 0提问于2015-02-06得票数 39
回答已采纳
2回答
当你把最小高度给父母，给孩子百分比身高时，孩子不会得到任何高度。
.p {
min-height: 50vh;
background-color:beige;
}
.c {
height: 50%;
background-color: red;
}
<div class="p">
<div class="c"> hi </div>
</div>
但是，如果你给父母显式的高度，即使它小于最小高度，孩子也会得到一个高度，但它是相对于最小高度而不是提供的高度(当高度<最小高度时)
浏览 4提问于2019-05-13得票数 4
3回答
我有以下几点：
HTML
<body>
<div id="header"></div>
<div id="logo"></div>
<div id="container">
<h1>Welcome message</h1>
text text text text text text text text text text text text text text
</div>
&
浏览 0提问于2012-12-11得票数 0
回答已采纳
我想让div 30%的高度窗口，然后点击使它90%。问题是，我只被允许指定宽度的百分比，但随着高度，它打破，除非它的px。有什么想法吗？这里有一个链接：
下面是html：
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<
浏览 2提问于2015-09-10得票数 3
回答已采纳
我有一个Ionic应用程序，使用google地图polyline从数据json获取飞行路线的纬度和经度。我想做自动重装数据，查看地图上的实时数据。我添加了set间隔来重新加载数据。数据是重新加载和控制台，但我有错误下面和没有显示在地图上的实时数据。
ERROR Error: Uncaught (in promise): Error: Can not find the element [#map_canvas]
Error: Can not find the element [#map_canvas]
at vendor.js:76400
at ZoneDelegate.push
浏览 1提问于2019-04-19得票数 0
回答已采纳
1回答
我想让我的侧边栏菜单粘当滚动页面。
的一个例子可以在这里找到：
我的网站的一个代码示例可以在这里找到：
您可以在这里看到我的站点的现场演示：
侧栏菜单在滚动时应该保持在顶部菜单下，就像示例一样。
我试着用
#scrollspy{
position: sticky;
top: 200px;
}
但那不管用。我的侧边栏菜单粘不住了。
有人能帮我想办法解决这个问题吗？
浏览 3提问于2022-10-25得票数 1
回答已采纳
3回答
现在，我有一个边栏，它与它旁边的内容一起最小化和扩展。这是围绕一个主包装组件包装的，这样我就可以传递任何内容/组件。
但是，如果内容太长，侧边栏的高度将不会调整。我尝试过设置height和min-height，但它什么也没做。
我试过/想过的事情：
然而，我不确定在用例中实现它。
但是，我不确定如果侧边栏被最小化/扩展，内容(主包装器的子部分)将如何调整。
现在正在发生的事情如下。
下面是沙箱链接：
浏览 6提问于2021-10-30得票数 1
回答已采纳
2回答
我创建了以下布局：
我想要实现的是，红色和蓝色容器在包装器内有100%的高度。这是目前为止的HTML代码：
@extends('master.main')
<!-- Section Insert for pageTitle -->
@section('pageTitle')
title
@endsection
<!-- Section Insert for content -->
@section('content')
<div class="menu-bar">&
浏览 1提问于2015-04-22得票数 1
2回答
我在Google中的相对定位有问题，下面的代码在IE中工作得很好，但在Chrome中不起作用。相对定位是相对于元素的正常位置。红色盒子的正常位置就在黑匣子下面。如果我添加10%的空格，红色框应该显示在正常位置下的10%。
Html
<body>
<div id="outer">
<div id="inner1">
</div>
<div id="inner2">
</div>
</div>
</body
Cs
浏览 3提问于2013-12-20得票数 12
可以选择从哪个父元素继承元素吗？例如，我们有一个带有<body>标记的普通HTML代码等等。在<body>内部，我们有一个<header>和<div id="section">，我们可以强制#section从<header>继承height吗
浏览 1提问于2014-11-12得票数 2
1回答
我是新来的，希望能在我的html文件中得到帮助。
我有这个谷歌地图代码，当我把它放在wix上进行模拟设计时，它工作得非常好。
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var markers = [
{
"title": 'Banc
浏览 2提问于2015-10-15得票数 0
回答已采纳
我已经将div的父元素body的高度设置为100%，而div仍然不是100%高。我检查了密码，它看上去是正确的，而且我不高。
请帮帮忙
浏览 0提问于2013-12-03得票数 0
回答已采纳
解决不了这个问题。我设计了一个小容器：
其中的文本内容是绝对的。我正在尝试让文本容器高度响应css no js...
我在第一个问题上就做到了..
我非常感谢任何人的帮助:)
这个小矩形是..
.left-area {
display: inline-block;
background-color: rgb(73, 50, 76);
width: 144px;
height: 29px;
margin-top: 109px;
margin-left: 0px;
position: absolute;
}
描述是..。
.app-desc {
posit
浏览 1提问于2015-07-10得票数 0
我有三个div，一个main和两个。在主div内是导航栏和内容div，其中包含带有textarea的表单。Textarea只能垂直调整大小。内容和导航栏的最小高度为100%，main的最小高度为1200px。main和content div的高度随着文本区域的大小而变化(这就是我想要的)，但是导航栏仍然是0px的，并且是“不可见的”。 .navbar {
width: 250px;
min-height: 100%;
position: relative;
background-color: #121212;
float: left;
}
.main {
margin: a
浏览 28提问于2019-08-30得票数 2
回答已采纳
我试图把一个反应的绝对定位图像在一个相对的div内。我已经将边界放置在两次潜水附近，以形象化这个问题。右边的那个没有包裹。另外，我想把图像导航保持在图像的中间。
主要目标是保持包装div响应和包装图像的大小-当图像大小改变窗口大小调整。
在这里，您可以看到codepen - 中的问题。
advert.css
body{
}
.wrapper{
width: 80%;
margin: 100px auto;
}
.advert{
position: relative;
height: 100%;
}
.advert img{
position
浏览 2提问于2015-04-12得票数 1
1回答
我遇到了一个非常奇怪的问题。这个问题很小，我想把最小高度设置为100%，也就是说，页面的内容应该覆盖用户的整个屏幕，如果可能，页面应该向下延伸，如果内容超过100%。一种简单的方法是设置min-height:100%，并设置height:auto，这正是我想要的，但无论我尝试多少次，问题仍然存在。
我正在使用高度自动和最小高度:100%在所有的元素，但它不工作。如果我去掉min-height，只包含height:100%，那么它就像一个护身符，但当内容更大时，它会溢出整个页脚。
请帮助我这里是css：
html, body, container, row, col-lg-3, col-lg-9
浏览 2提问于2013-07-31得票数 16
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
