我有一个父级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
我已经建立了这个网站：
所有的代码( HTML，JS，CSS)都被添加到了一个HTML页面中，因为它是在WordPress中使用的，并且使用了一个“即将到来”的插件。您可以查看站点并查看源代码，以查看页面的全部代码。
在页面上，我有一个绿色的向下箭头，点击时使用JS效果缩小徽标，并淡入隐藏在包含内容的fullScreen div中的文本。此fullScreen div不是设置背景的div的子元素(设置背景的div使用Google的插件将地图设置为背景)。
当最初隐藏的div中的内容变为可见时，内容溢出设置高度和宽度并添加垂直滚动条的div的边界。但是，我的问题是:是否有一种方法可以使这些内容与
浏览 8提问于2016-07-23得票数 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
回答已采纳
我必须说，这不是一个大问题，但这是奇怪的！
我有一个带有section css的min-height: 50vh;元素。里面有一些内容。即使在将height: 100%;设置为div之后，它仍然没有获得父级的全部高度；section。这就是我不明白的原因！！
一种解决方案是给section相对位置，给出div的绝对位置，并将top, bottom, left, and right设置为0。但我很想知道为什么会发生这种行为！
谢谢!
浏览 1提问于2018-05-26得票数 2
如何在到达可用空间的末尾时使用jquery动态地增加tinyMCE的高度？
我想动态地增加到达显示空间底部的高度。
因为我不想滚动它来查看顶部的内容。
浏览 2提问于2014-05-08得票数 1
回答已采纳
2回答
我试着制作一个手风琴风格的列表，但不管我给孩子多少百分比，它都会完全显示出来(即使是0%)。请参见--如果您将" 0%“更改为"0”(或“0 0px”)，它会隐藏得很好，但会隐藏在0%(或1%、50%或100%等)。这孩子是完全可见的。只有在给父<li>一个显式像素高度的情况下，百分比才会起作用(但这并不能很好地显示子扩展的动画效果)。
当没有指定父高度时，我可以理解百分比高度如何表现得很奇怪，但是0%应该始终是0 0px。这就是我不明白的。
浏览 2提问于2013-10-25得票数 1
回答已采纳
由于某些原因，iframe似乎总是使用比他们需要的更多的垂直空间。下面的repl演示了这一点：
有没有什么方法可以告诉iframe最小化它所需的垂直空间，最好不要JS？在示例repl中，我试图通过将html、body和iframe的边距、填充和边框设置为0来最小化空间，但它没有最小化iframe的垂直空间。值得一提的是，我可以在iframe内部和外部控制CSS。
谢谢!
浏览 27提问于2021-03-03得票数 0
回答已采纳
3回答
给定的
<div id="parent>
<div id="child" style="height:10px;margin:5px;padding:2px"></div>
</div>
我想要计算父级的高度(包括边距)。我找不到合适的方法。
console.log($('#parent').outerHeight()); //= 14
console.log($('#parent').outerHeight(true)); //= 14
consol
浏览 3提问于2016-01-09得票数 0
回答已采纳
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
body { min-height: 100vh; }
我使用了上述规则，并得到了937 it高度的身体元素时，检查它的铬(全窗口)。因此，考虑到这一点，我使用了身高和最小高度两个属性，使用百分比(除50%外)作为值，并期望子元素继承高度。但是在检查页面时，子元素(我在这里使用)有0px表示高度。(然而，当我使用以像素为单位的值时，我得到了预期的结果。)
为什么子元素不能从body元素获得高度，而不像其他例子，比如背景颜色或颜色，或者子元素继承它们的字体家族？
那么，当我使用百分比作为值时，幕后在做什么呢？此外，如果有任何有用的CSS资源，请提供他们。
编辑：
浏览 11提问于2022-04-02得票数 -1
回答已采纳
1回答
盒子
section.box-products {
拥有所有的
section.box-products ul li.item {
元素，但即使<li>计数增加，box-products div的高度也不会增加。
为什么？
代码：
<section class="box-products">
<div class="large-12 columns">
<h2>
Noteworthy
浏览 0提问于2013-03-18得票数 0
回答已采纳
2回答
我正在为我的网站构建一个侧边栏，并试图使它成为页面的其他高度后的元素。不过，我想不出怎么做。我正在使用引导程序4，但是问题可能在我的CSS中，我现在就会发布。
.sidebar {
float: left;
width: 300px;
height: 100%;
background-color: #212529;
}
.wrapper {
display: flex;
width: 100%;
height: 100%;
margin-top: -50px;
margin-bottom: -30px;
}
#sideb
浏览 1提问于2018-11-24得票数 0
回答已采纳
1回答
我有一个标题部分，应该根据标题图像进行包装。每一页都有不同的图像，所以它必须是响应的。然而，标题部分不会与图像包装，因为它是绝对定位的。
正如您在片段中所看到的，图像上有height: auto，只是溢出到父文件之外。是否有根据图像制作父包的方法？
*, ::before, ::after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
#header::before, #hero.background-wrapper::before {
opacity: 0.2;
}
.background
浏览 4提问于2022-08-03得票数 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
回答已采纳
就父元素而言，我如何能够垂直和水平地使用子元素。
#bigBanner {
position: relative;
width: 960px;
height: 483px;
margin: 0 auto;
background-image:url(../wpimages/sliderbg.jpg);
}
#bannerQuote {
width: 518px;
height: 127px;
margin: 0 auto;
background-color: #0d0f11;
opacity: 0.95;
filter:Alpha(opacity=95);
}
是代码，而bannerQ
浏览 0提问于2013-04-23得票数 0
回答已采纳
3回答
现在，我有一个边栏，它与它旁边的内容一起最小化和扩展。这是围绕一个主包装组件包装的，这样我就可以传递任何内容/组件。
但是，如果内容太长，侧边栏的高度将不会调整。我尝试过设置height和min-height，但它什么也没做。
我试过/想过的事情：
然而，我不确定在用例中实现它。
但是，我不确定如果侧边栏被最小化/扩展，内容(主包装器的子部分)将如何调整。
现在正在发生的事情如下。
下面是沙箱链接：
浏览 6提问于2021-10-30得票数 1
回答已采纳
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回答
我正在尝试设计一个用于移动的wesite，在左上角有一个按钮，它是设置为父对象的100%高度。宽度应该与高度相同，但我只找到了JS或JQuery的解决方案。我喜欢这样的东西：
.hamburger {
height: 100%;
width: height;
}
浏览 2提问于2016-05-01得票数 1
回答已采纳
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
回答已采纳
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
回答已采纳
我有三个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？如果不是，要取得这样的结果，有什么难的办法呢？
PS:我知道这个话题可能是重复的，但我发现的其他话题都是负面的，得分最好的答案。
var getHeight = $(".parent").height();
console.log(getHeight);
.parent{
position:absolute;
top:0;
left:0;
}
.visibleChild{
position:relative;
height:20px;
background-color:red
浏览 1提问于2018-11-01得票数 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
回答已采纳
4回答
div高度100%
、、、
我想做一个100%高度的div，所以基本上是全屏的。这样，背景就覆盖了整个页面。我不想在正文中添加背景，因为我想要它，这样如果我注释掉包装器，页面就是全宽的。(顺便说一句，这是可行的)
因此，基本上我的问题是:如何使包装器-bg div 100%高。
希望你们能帮助我。
浏览 1提问于2010-02-17得票数 0
我有一个SVG元素定义的宽度和高度为“297毫米”和“210毫米”，没有查看框。我这样做是因为我想在A4视图中工作，但是我想创建像素元素。
在某种程度上，我需要扩展一个以像素为单位定义的对象，以便它适合于A4页面的一部分。例如，我可能有一个对象是100 px宽，我想要缩放到30毫米水平。
这个是可能的吗？我想我需要一个新的协调系统的第二个容器，但我找不到任何方法。
编辑
似乎我(或SVG)误解了像素是什么。我意识到我可以将一条线的大小调整到100%，然后用getBBox获取它的像素大小，以找到所需的缩放。我编写了这段代码，并在两个客户机上运行它，一个具有1280x1024监视器(80dpi)，
浏览 5提问于2012-05-16得票数 10
当您将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
回答已采纳
3回答
这是我的三个div。
<div class="header">
<div>@ViewBag.Title</div>
</div>
<div class="content">
</div>
<div class="footer">
</div>
这是我的CSS。
<style type="text/css">
html, body
{
height: 100%;
widt
浏览 1提问于2015-06-05得票数 0
1回答
是否可能获得可拖放元素的margin-left、right、top和bottom？例如，我找到了，这说明了我的意思。这里的问题是，它只给出您的子元素的位置(以像素为单位)。left: 100px; top: 40px;。
在同样的例子中，我需要它来计算百分比的差额。margin-left: 20%; margin-top: 10%;。我需要让div进入最后的位置。
在JS/jQuery中可以这样做吗？我找不到如何做到这一点的任何例子，我也不知道如何做到这一点，所以我希望你们能搞清楚。
因此，最终的结果应该是，如果我计算了右边的边距百分比，以像素为单位的div和以百分比表示的位置的div应该在父
浏览 4提问于2019-10-07得票数 0
回答已采纳
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
我用CSS做了实验，发现了一个问题。根据我的代码()，我想创建两个带有"float:left“的框，它自动调整它们的高度为相等(=最大高度)。因此，我创建他们的父(id=“content”)。我认为父母的身高应该根据孩子的最大身高来调整(但事实并非如此！)然后，属性为“高度:100%”(红色框)的子属性的高度应与此父级相同，也应与最大高度的子级相同(绿色框)。但是，它不起作用。
浏览 5提问于2015-03-13得票数 2
回答已采纳
我有以下结构，正如您将在这个中看到的，.parent元素的高度不是自动展开到其内容的总高度。
我做错什么了?？
CSS
.container {
float: left;
width: 100%;
height: auto;
}
.parent{
position: relative;
margin: 0 auto;
max-width: 200px;
height: auto;
border: 10px solid transparent;
border-top-width: 50px;
border-bottom-widt
浏览 0提问于2016-03-10得票数 0
回答已采纳
如何使用SafeAreaView来显示WebView？我试过这样做：
import React from 'react';
import {SafeAreaView, StatusBar} from 'react-native';
import {WebView} from 'react-native-webview';
class ChaineYT extends React.Component {
render() {
return (
<SafeAreaView>
<WebVie
浏览 7提问于2019-10-28得票数 5
回答已采纳
2回答
孩子们在容器外
、、
为什么容器外面的孩子在柔性展示中？我试着解决这个问题，但没有用
/* ------------------------------------------- */
* {
font-family: 'Comfortaa', cursive;
margin: 0;
padding: 0;
}
body {
background-color: #f6f6f9;
}
/* ------------------------------------------- */
.container {
background-color: orang
浏览 0提问于2019-03-29得票数 1
回答已采纳
5回答
我正在使用5个带有悬停效果的横幅图像，并使用以下代码
#banner
{
float:left;
width:99.025%;
padding:0 0 0 10px;
margin:0;
height: 16.714em; /* 234px*/
position:relative;
overflow:hidden;
display:block;
background:url('/pages/images/bottom_wood_repeater.jpg') 0 104px repeat-x;
}
#ban
浏览 4提问于2012-05-11得票数 1
回答已采纳
1回答
尝试向TextBlock中添加一个滚动器，这样用户就可以向下滚动内容，而内容通常比可用的屏幕不动产要长得多。
很抱歉，这可能是一个愚蠢的问题:我可以看到关于这个问题的很多话题，问题通常是某个地方的固定高度，但我很难看出是哪个元素导致了我的XAML中的问题：
<Popup StaysOpen="True" Placement="Center" IsOpen="{Binding SummaryOpen}" PlacementTarget="{Binding ElementName=Areas}">
<Bord
浏览 2提问于2014-05-16得票数 3
回答已采纳
我正在努力使我的<a>获得100%高度的<li>元素，我想这样做，因为当我悬停在<a>上时，我希望它得到背景颜色，并将其color更改为白色。
它应该是这样的
我试过给我的<a> height:100%
但这是我的结果
在第二张照片上，我把它剪了下来，然后放大，这样你们就能看得更清楚了。
我在其他堆栈溢出线程上找到了一个答案，您可以给<ul> display:table和height:0，然后给<li> height:100%，但是它对我不起作用。
请注意，IM使用引导程序4.0.0alpha和SASS(SCS
浏览 0提问于2018-02-19得票数 1
回答已采纳
4回答
我试着制作一个圆角的盒子，它的高度和宽度取决于内容，所以它会自动调整.
您可以在这里看到示例：
问题是我无法获得"test_mid_left“(黑色背景)和"test_mid_right”(绿松石背景)来继承"test_mid_center“(绿色背景)的高度。我试过身高: 100%和自动，但没有一个thoose的工作。那么我如何让他们从内容中继承高度呢？
(我之所以在示例中左右的内容中使用“min高度: xx”只是为了显示我指的是哪些框)
浏览 3提问于2011-03-29得票数 18
回答已采纳
1回答
为什么当一个段落的位置是绝对的时候，顶部底部的填充比原来的增加了？如何将其设置为初始的？谢谢
<html>
<head>
<script>
pos {
position:absolute;
width:300px;
background-color:red;
color:yellow;
}
</[![enter image description here][1]][1]script>
</head>
<body>
<h3> prac
浏览 1提问于2016-01-27得票数 0
我有一个视图alertpopup.xml，其中包含：
<LinearLayout
android:id="@+id/navBarTop"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_marginTop="5dp"
android:background="@drawable/alert_nav_bar"
android:clickable="
浏览 1提问于2013-10-05得票数 0
1回答
只需与父或母保持距离
、、、
我有一个用户可以搜索的区域：
<div id="questions-container">
<div>
<div id="searchbar-region">
<div>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">
<span class=
浏览 3提问于2015-08-19得票数 0
回答已采纳
2回答
我有主菜单#navi。它的宽度不同。子菜单应该具有与其父菜单相同的宽度。我制作了一个JsBin来演示它：
A very very very long submenu不应该比它的父A longer menu更宽。
下面是
<ul id="navi">
<li class="menu1">Menu </li>
<li class="menu2">A longer menu
<ul class="children">
<l
浏览 6提问于2015-03-17得票数 0
回答已采纳
我正在尝试使用Flexbox进行媒体查询，以显示另一个下面的输入，而不是在您的一侧。正如您所看到的，用我当前的代码，我得到了以下信息：
但是，如果我将flex-direction更改为column，则输入宽度不是原始宽度。其结果是：
这是我的HTML：
<div id="mc_embed_signup">
<form action="//eliasgarcia.us8.list-manage.com/subscribe/post?u=55cf7078733f0b62eb97733e3&id=ace40b1824&
浏览 4提问于2017-03-16得票数 5
回答已采纳
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
回答已采纳
父母和孩子都有box-sizing: border-box;。根据MDN：
将高度定义为包含块的高度的百分比。
那么子节点的高度也应该是500px，但显然不是，它具有父级的内容高度，而不是父级的高度。在包括IE在内的许多浏览器上尝试了这段代码之后，它们的工作方式都是一样的，为什么呢？
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Com
浏览 10提问于2020-12-09得票数 5
回答已采纳
下面的html文档有两个id='without，一个有边框(id='with')，另一个没有边框(Div)。带有边框的div (至少在firefox和chrome上)比带有边框的div要高得多。
我原本期望它们的高度最多相差2个像素，然而，alert告诉我它们的高度相差了19个像素。
我不明白为什么会这样。
<!DOCTYPE HTML>
<html>
<head>
<title>Height of divs with/without a border</title>
<script type=&
浏览 2提问于2012-11-29得票数 5
回答已采纳
我想创建一个简单的页眉/内容/页脚布局，因为它已经被问了数百次，而且我找到了一个我非常喜欢的布局。我创建了展示这种方法的。除了<footer>标记之外，一切都很好。
基本上，我尝试使用类似于footerElement的定义
header.headerElement:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
float: left;
}
在<footer>中完成垂直对齐的文本元素和其他内容，但它不起作用。由于我不理
浏览 2提问于2015-03-12得票数 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
7回答
我在一个父div中有4个div。为了让它们并排出现，我给了所有4个div一个带有float:left的样式。div确实并排出现，但父div的高度不会增长到包含子div的高度。我遗漏了什么？
浏览 2提问于2010-01-20得票数 10
回答已采纳
我有很简单的网页。
我的css鳕鱼：
#bodyPart {
clear : both;
width : 1100px;
min-height : 500px;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
border-style : solid;
border-width : 0px 1px;
border-color : white;
}
#left {
float : left;
width : 790px;
margin-left : 10px;
background-color : green;
}
#r
浏览 3提问于2013-10-15得票数 0
回答已采纳
4回答
我试图设置2 div的大小，以填充70 %- 30 %的比例。
在不设置"html，body“大小的情况下，如何使div显示到正确的高度。
当前，它显示文本高度的两条单行。谢谢
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<div style="overflow: hidden; clear: both;">
<div style="background-color
浏览 4提问于2013-08-15得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
