使父分区高度与子分区高度相同
是指在网页布局中，通过调整CSS样式，使父元素的高度与其子元素的高度相等。
实现父分区高度与子分区高度相同的方法有多种，以下是其中几种常见的方法：
- 使用浮动（float）：将子元素设置为浮动，然后给父元素添加一个clearfix类，以清除浮动。这样可以使父元素的高度自适应子元素的高度。
- 使用flexbox布局：将父元素的display属性设置为flex，然后使用flex属性来控制子元素的大小和位置。通过设置flex-grow属性为1，可以使子元素自动填充父元素的剩余空间，从而使父元素的高度与子元素相同。
- 使用绝对定位：将父元素设置为相对定位（position: relative），然后将子元素设置为绝对定位（position: absolute）。通过设置子元素的top、bottom、left、right属性为0，可以使子元素填充父元素的全部空间，从而使父元素的高度与子元素相同。
- 使用表格布局：将父元素的display属性设置为table，将子元素的display属性设置为table-cell。这样可以使子元素像表格单元格一样自动填充父元素的高度，从而使父元素的高度与子元素相同。
以上是几种常见的方法，具体选择哪种方法取决于具体的需求和布局结构。在实际开发中，可以根据具体情况选择最适合的方法来实现父分区高度与子分区高度相同。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS（云服务器）：https://cloud.tencent.com/product/css
- 腾讯云CVM（云虚拟机）：https://cloud.tencent.com/product/cvm
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云CLS（日志服务）：https://cloud.tencent.com/product/cls
- 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
- 腾讯云VPC（私有网络）：https://cloud.tencent.com/product/vpc
- 腾讯云WAF（Web应用防火墙）：https://cloud.tencent.com/product/waf
- 腾讯云CC（内容安全）：https://cloud.tencent.com/product/cc
- 腾讯云SCF（云函数）：https://cloud.tencent.com/product/scf
- 腾讯云TDSQL（分布式关系型数据库）：https://cloud.tencent.com/product/tdsql
- 腾讯云CKafka（消息队列）：https://cloud.tencent.com/product/ckafka
- 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/tmu
相关·内容
1回答
帆布不填充div
、、、
我需要一个画布作为一个div的背景，所以我放置了一个重叠的。然而，它并没有填满整件事。我试着设置左、右、上和下，并使边距和填充0，但它不起作用。。CSS：
body {
background: white;
padding: 20px;
font-family: Helvetica;
height:100%;
}
#editor_contentwrapper{
box-sizing: border-box;
background: #353535;
position: absolute;
height:100%;
浏览 0提问于2018-06-20得票数 2
回答已采纳
我在CSS中给出了#header 82px的高度，但是即使#logo是它的子级，它也没有得到82px的高度。我应该在CSS中也给#logo 82px的高度吗？
代码： & ，另外，我想可能是HTML语言出了问题。我使用Sublime文本，虽然所有其他的div看起来都很鲜艳，但是第10行的#header看起来很苍白。他怎么了？
浏览 0提问于2013-02-26得票数 0
回答已采纳
我有一个带有UIImageView和另一个UIView的父UIView。UIImageView有一个映像，它被限制为父UIView的相同大小。子UIView也被限制到父UIView的相同大小，并且它的按钮位于UIImageView的某些部分之上(这允许用户单击图像以根据单击图像的位置触发操作)。
我试图通过使用size类来设置AutoLayout约束，但我似乎无法让它们相应地调整大小以显示屏幕大小。我已经在iPhone 8屏幕上创建了固定的约束。iPhone 8、iPhone X和iPhone 8 Plus都有宽度紧凑/高度规则，但是它只在iPhone 8/X上看起来正确。我也希望iPhone
浏览 0提问于2018-06-03得票数 0
2回答
我有一台启用了autoresizing subviews的UIView a。它的大小是：
<UIView: 0x7650180; frame = (0 0; 320 394); clipsToBounds = YES; autoresize = LM+RM+H; layer = <CALayer: 0x7650230>>
我有另一个添加到视图a中的UIView b。View b具有灵活的宽度/高度。当我添加它时，我预计它的高度将更改为394，但它仍然与nib中的(420)相同：
<UIView: 0x764f720; frame = (0 0; 320 460)
浏览 0提问于2013-04-21得票数 3
回答已采纳
我试图使子元素成为父元素的height，但是使用height:100%不起作用，可能是因为父元素的高度是未知的。这取决于帖子的大小。
我希望您将鼠标悬停在父元素上，此时子元素将变为可见，并占据与父元素完全相同的空间。
有没有可能呢？最好只使用css。
提前感谢！
浏览 3提问于2014-01-08得票数 0
2回答
我正在尝试做这个显然让很多人头疼的事情，我已经找到了一些接近解决方案，但并不完全是我所需要的。我想有一个左边的侧边栏div和右边的主要内容div。在这些下面，有一个页脚。在侧边栏中，我想要从div的顶部到底部运行一条条带，其中填充了背景图像，并且我希望它停在页脚上方，与主要内容div的高度匹配，无论是高是短。
如果你想看看我想要什么，我在上提供了一个示例页面。没有一个链接是活动的，代码也极其混乱--我就在这周自学css。但至少你可以看到我所设想的布局。
我试着从有问题的div向下声明了一堆" height :100%“，这使得它可以伸展到整个页面，但不能与父页面的高度匹配。只在"
浏览 1提问于2012-05-05得票数 1
橙色部分是UIView，白色部分也是UIView。橙色视图是白色视图的超级视图。
我已经为白色视图定义了一个约束：“底部空间到超级视图140"，以及”顶层空间到超级视图219"，在iPhone7中如下所示：
如果我切换到较小的屏幕，例如iPhone 4，它看起来如下所示：
正如你所看到的，小屏幕中的白色区域变小了。
我想问的是，如何使白色区域占设备屏幕面积的百分比不变？(我的意思是如何使白色视图的顶部和底部的距离与超级视图成比例，而不是像我所做的那样将空间固定到底部和顶部，从而产生问题)
=====更新====
我遵循@Phillip的简单答案，设法使白色区
浏览 4提问于2017-08-30得票数 0
2回答
位置:绝对和高度
、、、、
我有这个例子，我使用jQuery来显示和隐藏.child div。.child的位置相对于.parent是绝对的，我试图解决的问题是.child的高度。
我想要.child的背景覆盖整个区域。现在，使用height:100%它覆盖了部分区域。我不能使用固定高度，因为内容将是动态的。
任何方法，css或javascriptjQuery，或者结构上的任何变化都是可接受的。
浏览 0提问于2011-07-04得票数 0
回答已采纳
1回答
嗨！
我仍然在学习棱角，我在编写我的应用程序时遇到了我的问题。
问题
我有一个父组件，包含从后端调用的项列表。我成功地创建了一个事件，该事件在单击时获取每个项的数据，以将此数据发送到子组件。在那里，我以卡片的形式显示它：(这里的简化代码- )
我面临的问题与移动视图有关，因为这些屏幕较小，不能在一个视图中包含所有信息，但我无法滚动卡片。滚动只移动家长-就像在链接外派。
TODO
目标是不允许父滚动，并使子滚动，如果它的高度>屏幕高度。当子组件存在时，如何使父组件‘溢出:隐藏的或类似的东西？
浏览 3提问于2021-02-18得票数 1
我正在尝试使用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
回答已采纳
我想列一个清单，上面有一堆东西。高度是固定的。因此，当列表到达底部时，我希望它环绕并开始一个新列。有没有一种方法，不用知道每一项的高度，就可以在css中做到这一点呢？这样，溢出就会水平地发生。
浏览 2提问于2011-11-28得票数 1
回答已采纳
请看一下这个jsFiddle：
我希望<div class="client">“继承”<div class="contact">的高度(两个内部div的大小相同)。
请记住，<div class="client">或<div class="contact">上的内容都会动态变化。所以，我们不可能知道一个预定义的高度。然而，<div class="client">总是有2或3行。
<div id="conteiner">
浏览 3提问于2012-12-06得票数 2
回答已采纳
1回答
我知道，要将autoscroll转到div，我可以在url中指定#id如下：
example.com/page#id
我如何构造一个url，使页面被滚动到#id并且div在页面中居中？这与默认行为相反，默认行为是只滚动使div定位于页面顶部。
浏览 9提问于2022-10-07得票数 0
4回答
我有一个Row小部件，它有许多容器，根据它们的内容具有不同的高度。我想让它们的高度都一样。我如何在不对它们的值进行硬编码的情况下实现这一点？
这是我有的东西。
但是我想让第一张牌自动取这行的高度。这样两张牌的高度都是一样的。我如何才能做到这一点？
这是Card Container的代码：
Widget build(BuildContext context) {
final statusMap = statusOptionView();
return Container(
width: 200,
margin: EdgeInsets.only(rig
浏览 0提问于2020-08-21得票数 2
1回答
我在这里有一段代码，试图溢出SearchLocationCards。它适用于'px‘和'vh’值，但是，当我尝试使用'%‘值时，它根本不起作用。如何使用% height值调整可滚动框的大小？
<code>A0</code>
浏览 10提问于2020-08-01得票数 1
回答已采纳
1回答
停止div与导航栏重叠
、、、
我有一个App容器，它有两个组件，导航栏和内容div。现在的问题是，由于某些原因，当我调整窗口大小，特别是高度时，内容div会悄悄出现在导航栏上。窗口的高度越小，它覆盖的导航栏越多。 编辑:我刚刚意识到，当我完全删除内容时，它仍然可以使用？就像空的虚无仍然会越过导航栏。那么是导航栏的高度在下降吗？但如果是这样，文本仍然放置得很完美，这是怎么回事。空余的空间如何占据导航栏？ 主Layout.js // Defining styles
const AppContainer = styled.div`
box-sizing: border-box;
`;
// Defining styl
浏览 22提问于2021-01-25得票数 1
有一个奇怪的问题(奇怪，因为我不明白)
尝试对内容使用100%高度和垂直溢出滚动条的jQuery UI选项卡。
这不起作用-可滚动区域比可见区域更大，从而导致滚动条的下部低于可见区域。看起来滚动区域是用列表区域的高度来扩展的。
这个问题只适用于100%的高度(让测试以不同的方式进行)。一旦我设定了固定的高度(在某种程度上)，问题就解决了？
在经过一些测试后，发现UI不是罪魁祸首，问题也适用于本机列表项。
我的设计是：
我需要使用所有可用的空间(完整的iframe，div，窗口)
我不知道排名第一的高度。
我需要为垂直溢出的内容使用剩余的空间。
不会使用脚本修改高度(必须单独使用
浏览 3提问于2012-08-09得票数 2
2回答
我找到了许多答案，显示了如何设置CSS (使用display: grid)行来匹配网格中最高的项，但我想要做的是调整网格中的条目大小以匹配网格。
例如，下面是网格中的一个示例行。看看第一项是如何与网格齐平的，而其他2项则更短，并且在它们下面有空白(因为它们的标题更短)？如何才能使所有的项目都符合网格本身？
网格的代码：
.video-grid {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
浏览 7提问于2017-10-25得票数 3
回答已采纳
我的问题是我的背景容器只显示到屏幕底部。在那之后的部分我就看不到了。我几乎什么都试过了，但似乎没有一样对我管用。我希望它能根据页面大小进行调整。
<body>
<div id="profilebg">
<!-- Other divs -->
</div>
</body>
我的CSS是
html, body {
height:100%;
}
#profilebg
{
position: absolute;
margin-left:10%;
margin-right:10%;
浏览 2提问于2013-01-10得票数 3
回答已采纳
我的内部#div_mainPanel是100%宽的，但是如果你看右下角，它在父div之上。我尝试从内部div中删除width: 100，宽度问题得到了解决，但高度问题没有得到解决。
如果我将width设置为100%，并将边距/填充设置为0px，为什么它会显示在父div之外？
提前感谢
#div_mainContainer {
width: 500px;
height: 300px;
background-color: #f8f8f8;
border: 1px solid red;
margin: 0px;
padding: 0px;
}
#div_mainPane
浏览 2提问于2011-11-09得票数 9
回答已采纳
4回答
我需要一个子div和它的父div一样高，但是我不知道父div的高度。它可以改变。设置" height : 100%“不起作用，因为div将占据整个页面的高度。
这是div的布局：
<div id="deelnemersballoon">
<div class="balloonarrow"></div>
<div class="balloonborder">
<div class="ballooncontent">
浏览 3提问于2010-11-12得票数 5
回答已采纳
1回答
我遇到了一个可折叠面板的问题，它是ExtJS 4.2.2中边框布局的面板的一个项。其基本结构如下：
Ext.onReady(function() {
var panel = Ext.create('Ext.panel.Panel', {
height: 400,
width: 600,
title: 'TestPanel',
renderTo: Ext.getBody(),
items: [
{ xtype: 'toolbar', items: [{xtype: 'button', t
浏览 1提问于2014-02-11得票数 1
回答已采纳
1回答
我正在创建一个由10X10单元格组成的表，它(在创建所有单元格之后)将不适合它的父单元。
为了在显示代码之前更容易理解，表如下所示：
如您所见，每个表格单元格都是一个以"Test“作为文本的按钮，我无法使这个10X10网格扩展以填充其父单元格(视图水平退出屏幕，不会垂直填充)。
我正在以编程方式创建每个单元格，如下所示：
val table = findViewById<TableLayout>(R.id.table)
for (i in 0..9) { //10 rows inside the table
va
浏览 1提问于2019-09-18得票数 1
回答已采纳
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
2回答
这是我正在工作的测试站点：
正如你所看到的，它将中间线一分为二，我正在试图弄清楚为什么它会这样做。body backgroundcolor只是为了测试。
布局的想法是
<div> - entire box
<div /> - top (image with the start line)
<div> - content
<div> - left (test 2 on the page)
<div> - middle (this is 12px in width and only has the line in
浏览 1提问于2010-08-04得票数 1
回答已采纳
1回答
我有一个div，我想在它上面使用固定的背景。我也使用背景大小的封面，以便从bg图像中获得最佳拟合。问题是背景图像会缩放，就好像要覆盖div的父级一样。而不是div本身。有没有办法解决这个问题？
.panel-image {
height:100vh;
width:50%;
background-size:cover;
background-attachment:fixed;
background-position:center;
background-image:my-image.jpg;
}
.parent{
height:100vh;
}
这里有一个在线示例。
浏览 1提问于2016-10-13得票数 2
我遇到了一个问题，我的div的计算高度是不正确的。引用来自jsFiddle的javascript部分。
从右边看，你可以看到，divs和elb都没有占据足够的空间，使得div.row的高度变得那么高。
在Chrome中，我得到的高度是24 4px (当内容应该更小时，20 4px的内容和4 4px的填充)。
在IE中，我得到的高度是22.4px (所以是18.4px的内容，这仍然是错误的)。
我认为高度应该是17 of或18 of(实际内容是13 of或14 of)。
这是小提琴。在这里，我还添加了一个按钮来切换内容的打开和关闭，它只留下一个div显示:内联块在那里。
这里是HTML，
浏览 9提问于2014-02-27得票数 1
回答已采纳
我想创建一个简单的页眉/内容/页脚布局，因为它已经被问了数百次，而且我找到了一个我非常喜欢的布局。我创建了展示这种方法的。除了<footer>标记之外，一切都很好。
基本上，我尝试使用类似于footerElement的定义
header.headerElement:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
float: left;
}
在<footer>中完成垂直对齐的文本元素和其他内容，但它不起作用。由于我不理
浏览 2提问于2015-03-12得票数 0
回答已采纳
3回答
使面板高度与父div匹配
、、、
我使用引导2.3.2CSS创建了一个html工具。html将有四个不同高度的行，例如对于第一行，第二行- 20%，第三行- 40%和第四行- 40%。在第三行中，我在每个单元格中放置了一个类似面板的框，html正在呈现，但问题是面板的高度与父单元格不匹配。让我们说，如果面板主体的内容超过了，那么面板就会从父面板中出来，如下所示
现在，如果面板主体的内容小于面板高度，则面板高度似乎与父级不匹配，如下所示
我想要达到的是，无论身体的内容是什么，面板都应该填充在父div内部。当面板的主体内容超过父div的高度时，面板主体的垂直滚动条就会出现。
我的代码如下所示
html
<
浏览 2提问于2015-12-10得票数 3
2回答
我甚至无法从脚本中导出最简单的变量，以便在bash中工作--我做错了什么？
文件test.sh：
#!/bin/bash
echo $ttt
ttt="fffalse"
export ttt
echo $ttt
bash测试:
hpek@hpek:~/temp$ export ttt="tttrue"
hpek@hpek:~/temp$ ./test.sh
tttrue
fffalse
hpek@hpek:~/temp$ ./test.sh
tttrue
fffalse
hpek@hpek:~/temp$
编辑：
我现在从答案中知道，这是行不通的。-but
浏览 2提问于2012-05-05得票数 2
回答已采纳
1回答
我正在切换一个打开类，以更改UL元素的最大高度，以显示和隐藏导航。
我不完全明白为什么但是这句话
.navbar--upper,
.navbar--lower {
height: 50px;
}
是在乱搞内容，而不是把它推下去。
为了演示这个，我添加了一个jsfiddle链接，这可能是一个非常简单的解释，但是有人能发出一些亮光吗？
此外，如果有更好的方法来做到这一点，请随意添加一些建设性的批评或想法。
浏览 3提问于2016-09-13得票数 0
回答已采纳
我有这两个div
<div id="newUpContainer" style="width:100%">
<div id="onlineBookingDiv" style="float: right; width:40%; margin-top:20px;">
里面的div有桌子，它的高度几乎是560px。
我使用firebug和Google Chrome来检查父div的大小。
但我知道大小是0。尽管孩子div有一个表，如您在此图片中所见
怎样才能让内部div的内容在父div中退出？
浏览 1提问于2014-03-25得票数 3
1回答
我是新手，我对容器的大小感到很困惑。从文档以及所有阅读和教程中，我都不明白容器的大小是如何设置的，参数是什么时候赢的。例如，当容器在内部展开，但是它有宽度和高度，那么它的大小，或者如果容器有一个子容器有宽度和高度，那么它也会收缩到它自己的子容器的大小。这么多的组合，是否对所有的情况都有某种或规则？
浏览 2提问于2020-06-05得票数 0
回答已采纳
关于下列RDD (所示相关章节)：
val myRdd = new RDD[RddOutput](zippedRows) {
override def compute(split: Partition, context: TaskContext): Iterator[RddOutput] = {
..
val out = // computes a list of items
}
out.toIterator // Breakpoint set here: out is non-empty
}
}
调用rdd时：
val outVect
浏览 2提问于2014-10-31得票数 1
回答已采纳
有一个带有wrap_content布局参数的LinearLayout。我在它里面有几个带有match_parent参数的视图。让我们来看看。
案例1：
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#990000"
android:orientation="vertical">
<RelativeLayou
浏览 19提问于2017-06-24得票数 5
我有一个父div，CSS中的overflow属性被定义为隐藏。
但是，包装在父div中的子div，我将子div绝对定位于父div，并使用top:something将其显示在页面顶部。
但是，子div在页面上不可见，因为parent div的overflow属性被设置为隐藏。
它看起来像这样
<div id="parent">
<div id="child">
</div>
</div>
CSS
#parent {
overflow: hidden;
}
#child {
position: absolute;
t
浏览 1提问于2014-02-26得票数 0
我有一个列表视图项目的布局，它的显示不正确(书下降超过上一个更新日期)。你能帮我修一下吗？
如果我设置
android:layout_above="@+id/lastUpdatedDt"
对于bookDescr项，整个文本消失..。
编辑:我已经根据评论更新了示例
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height
浏览 2提问于2014-04-25得票数 0
回答已采纳
2回答
如何创建父级高度的列。我有一个navbar，下面是一个有三列的container。现在我必须使最后一个右列的高度的父级和scrollable。在我的例子中，父对象就是navbar。
<div class="navbar navbar-default navbar-fixed-top">
</div>
<div class="container-fluid">
// row with three cols
</div>
我怎样才能使我的第三列的高度与父级的高度相同，并且在不知道父级高度的情况下也可以滚动？
浏览 6提问于2014-07-08得票数 0
例如，我可以这样写：
<div id="foo">Hello</div>
还有这个：
#foo {
display: block;
height: 100px;
line-height: 100px;
text-align: center;
}
它将使#foo元素成为块级元素，高度为100px，并使单词Hello在div中居中。
但是如果我这样写会怎么样呢：
<div id="foo">Hello</div>
还有这个：
#foo {
display: block;
height: 100%
浏览 0提问于2014-03-08得票数 0
我正在我的HTML中创建一个搜索栏，并试图在其末端放置一个放大镜按钮。它在桌面上看起来不错，但在移动设备上，按钮比搜索栏还高。非常感谢你知道如何让它在每个视口上保持相同的高度。 .autocomplete {
position: absolute;
top: 50%;
left: 15%;
}
button[type=reset] {
background-color: #34587F;
color: #fff;
position: absolute;
border: 0;
font-size: 2vw;
border-radius: 10%;
浏览 17提问于2021-08-30得票数 2
1回答
在另一个div中使用位置绝对值时，是否有可用的解决方案来阻止没有预定义高度的元素向上移动？
这就是定义高度时的样子。
：演示
.relative {
position: relative;
width: 600px;
height: 400px;
background:green;
}
.absolute {
position: absolute;
top: 120px;
right: 0;
width: 400px;
height: 200px;
background:blue;
}
.test { position:relative;
浏览 3提问于2014-01-04得票数 1
1回答
最后一个可见的文本行应该在20px的填充范围内...或者，如果不是，那就被完全切断。
问题是h3总是有不同的文本长度。因此，我不知道我要剪掉多少。
现在，文本忽略了填充，并保持在底部附近。
我该怎么做呢？盒子必须保持100px的高度。
.box {
height: 50px;
width: 100px;
background: antiquewhite;
overflow: hidden;
padding: 20px;}
h3 {边距: 0;}
<div class="box"><h3>Various</h3>Loremipsum dolor
浏览 5提问于2019-10-30得票数 1
我正在尝试理解Android是如何度量和布局视图的。我创建了一个带有自定义视图和视图组的示例应用程序。
CustomViewGroup
public class CustomViewGroup extends ViewGroup {
private static final String LOG_TAG = "CustomViewGroup";
public CustomViewGroup(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Ove
浏览 5提问于2016-11-06得票数 2
回答已采纳
2回答
更新：为大家的困惑感到抱歉.我实际上想问的是，什么是提升div高度的最佳方法？如果我将200 in宽度和300 in高度转换为可伸缩的div，宽度将为20%。我怎么能爬到这个高度呢？比如..。如何使它在不使用px的情况下保持比例？是否有一种根据宽度来设定高度的方法？用宽度大小的50%之类的东西吗？我只需要一种方法来保持div的比例，而div在宽度上调整.
我有一个父容器，需要保持在固定的像素。不过，我希望所有的孩子都是流质的。不过，在转换高度的问题上，我有点困惑。
假设我的代码以前是这样的：
#parent {width: 1000px;}
#child {width: 200px; hei
浏览 2提问于2013-11-08得票数 3
如果我在index.html页面上有两个嵌套的元素：
<body>
<div id="parent">
<div id="child"></div>
</div>
</body>
父div的宽度为900，高度为800
我希望子div位于父div的右上角，因此，我将子div的CSS定义为：
#child {
position: absolute;
top: 0;
right: 0;
width: 300px;
height: 30px;
}
CSS
浏览 4提问于2011-06-15得票数 4
3回答
我正在处理一个CSS3选项卡(没有JS)，并且遇到了一个大问题。
我试图使绝对的高度的绝对div，使它可以扩大或缩小高度一致，但由于某些原因，它是不工作的。
我试着给我的html 100%的高度，身体，但仍然没有工作。没有更多的文字，。
以下是我的相关CSS：
.content {
background: #3404FC;
position: relative;
width: 100%;
height: 200px;
z-index: 5;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2p
浏览 3提问于2014-12-24得票数 2
回答已采纳
1回答
我有两个div容器，一个有边框，一个没有边框。
在这两个容器中，我得到了一个p段落，其边距为1em。
显然，这两个容器应该有相同的高度。
令人惊讶的是，火狐、Chrome、Safari和IE的情况并非如此。
CSS:
p { display: block; margin: 1em }
HTML:
<div>
<p></p>
</div>
<div style="border: 1px solid black">
<p></p>
</div>
这种
浏览 3提问于2013-07-19得票数 3
回答已采纳
1回答
我想在well元素中显示一个li元素的嵌套列表。但嵌套元素是重叠的。我创建了一个jsFiddle来演示我的问题。你可以在这里看。有谁知道如何解决这个问题吗？我还测试了位置/显示，但它也不起作用。
谢谢你的帮忙!
再现问题的代码片段：
<div class="well">
<ul class="navpoint-sort">
<li>Point 1</li>
<li>Point 2
<ul class="navpoint-s
浏览 3提问于2013-06-21得票数 0
回答已采纳
我有如下表格，其中包含一个文本区域，如下所示：
如您所见，在蓝色阴影区域和父div的底部之间有一个空格。
我怎样才能移除这个空间？
html：
<div class="bottomBox">
<h3>Free Quote Form</h3>
<form class="freeQuoteForm" autocomplete="off">
<div class="formFields">
浏览 5提问于2016-03-10得票数 5
回答已采纳
我已经建立了这个网站：
所有的代码( HTML，JS，CSS)都被添加到了一个HTML页面中，因为它是在WordPress中使用的，并且使用了一个“即将到来”的插件。您可以查看站点并查看源代码，以查看页面的全部代码。
在页面上，我有一个绿色的向下箭头，点击时使用JS效果缩小徽标，并淡入隐藏在包含内容的fullScreen div中的文本。此fullScreen div不是设置背景的div的子元素(设置背景的div使用Google的插件将地图设置为背景)。
当最初隐藏的div中的内容变为可见时，内容溢出设置高度和宽度并添加垂直滚动条的div的边界。但是，我的问题是:是否有一种方法可以使这些内容与
浏览 8提问于2016-07-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
