如何使div相对于父div而不是视口的百分比宽度
我想发生的是内部div占用其父div（outer）分配的空间的50％。取而代之的是，将获得视口可用空间的50％，这意味着随着浏览器/视口尺寸的缩小，它也会缩小。
鉴于外div有min-width的2000px，我希望内部的div至少1000px宽。
问题答案：
position:absolute/relative在节点上指定非静态位置意味着将其用作其中绝对位置元素的参考
我们可以更改定位上下文-绝对定位的元素相对于哪个元素定位。这是通过在元素的祖先之一上设置位置来完成的。
#outer {
min-width: 2000px;
min-height: 1000px;
background: #3e3e3e;
position:relative
}
#inner {
left: 1%;
top: 45px;
width: 50%;
height: auto;
position: absolute;
z-index: 1;
}
#inner-inner {
background: #efffef;
position: absolute;
height: 400px;
right: 0px;
left: 0px;
}
<div id="outer">
<div id="inner">
<div id="inner-inner"></div>
</div>
</div>
-
问题内容： 我正在尝试给div（位置：固定）的宽度为100％（与其父div有关）。但是我有一些问题 编辑： **第一个问题是通过使用继承解决的，但它仍然无法正常工作。我认为问题在于我正在使用多个采用100％/继承宽度的div。 福克斯的例子 和html 问题似乎是 固定元素始终采用window / document的宽度 。有人知道如何解决吗？ 我无法使用我的固定元素进行固定，因为我正在使用jSc
-
我希望我的div中的文本与父div保持相同的大小，百分比为。即。我希望我的文本的为父级div宽度的50%。因此，当页面大小改变时，中的文本始终保持相同大小。 下面是我要说的： null null 全屏运行此代码段并尝试调整页面大小，看看文本大小是如何变化的，并且不适合div边框。我怎样才能防止它发生，所以它总是留在边界内？
-
问题内容： 有没有一种方法可以在比其父对象更宽的父容器DIV中包含子DIV 。子DIV必须与浏览器视口的宽度相同。 子DIV 必须保留为父div的子。我知道我可以在子div上设置任意的负边距以使其更宽，但是我不知道如何从根本上使它成为浏览器宽度的100％。 我知道我可以这样做： 但是我需要孩子的宽度与动态浏览器的宽度相同。 Update 感谢您的回答，到目前为止，似乎最接近的答案是将子DIV位置设
-
我的钢笔 http://codepen.io/helloworld/pen/dqgdk 我想垂直对齐包装器div内部的3个div。3个div中的每一个都应该有33%的高度。我可以使布局工作时，div有一个33px的高度，但我需要它的百分比，因为包装div的高度动态变化。有时是100px的高度，有时是70px等等。 我只想所有3总是正确的使用百分比高度对齐。 将divs与百分比对齐的方法是什么？ H
-
问题内容： 假设我的div的宽度为正文的50％。如何使其高度等于该值？因此，当浏览器窗口的宽度为1000px时，div的高度和宽度均为500px。 问题答案： 这可以通过CSS hack完成（请参见其他答案），但是也可以使用JavaScript轻松完成。 将div的宽度设置为（例如）50％，使用JavaScript检查其宽度，然后相应地设置高度。这是使用jQuery的代码示例： 如果希望框随着浏览
-
问题内容： 当我有一个with时，它并不是100％： 现在，当您调整窗口大小时，会有一个水平滚动条，然后向右滚动，则背景消失了。在这种情况下如何保持背景？ 现在，当您调整窗口大小并向右滚动时，您将不再看到背景。如何解决这个问题？ 问题答案： 100％值是父级宽度或视口的100％。请参阅文档。