将margin-top设置为父元素高度的%

唐·P

我希望元素的边距顶端为父元素高度的%。

例如,如果我的div的高度为100px,则我想在其内部创建ap元素,其margin-top为:25px,除非通过将p元素的margin设置为%来处理其父级更改高度。

编辑:对于那些认为这很明显的人-您不能使用margin-top:25%。盒子模型的%除外,高度使用父元素的宽度。因此,如果您使用margin-top:25%,则将其设置为父div宽度的25%。

拉维·哈姆萨

这是我认为的解决方案之一:

 <div style="height:100px; background-color:red; color:white; position:relative;">
     <div style="top: 25%;position: absolute;">
         <p> I want an elements margin-top to be a % of t</p>
     </div>
 </div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

javaFX 2.0将组件设置为直接父级的完整宽度和高度

将按钮的高度和宽度设置为环绕内容并填充父项

如何将边距或填充设置为父容器的高度百分比?

Flexbox将内部元素的高度设置为0

伪元素上的CSS箭头-将高度动态调整为父级

将父容器设置为特定高度时,iOS 9上的Flexbox项目会缩小

将flexbox行设置为最短子元素的高度?

如何将网格元素高度设置为其余空间

我们如何将父容器的高度设置为子容器

将元素高度设置为clientHeight导致页面滚动

android->将ImageView的高度设置为父级的动态高度

将浮动div的父级高度设置为使用最小高度的父级的100%,同时仍允许父级展开

如何在将VBox设置为父级之前获取其高度

将父div高度设置为不溢出的内容

CSS margin-top使div超出父级的高度

将div的高度与其他带有float的div子元素的父元素的高度设置为100%

将父项的高度设置为自动

是否将元素的高度设置为视口中可用的高度?

将父容器设置为悬停的子容器的高度

将span元素高度设置为100%时,未将其设置为父Div高度

将 flex 元素的子元素设置为父元素的高度?

根据父宽度将 100% 宽度设置为固定元素

将选择元素和 div 设置为相同的高度

使用 JavaScript 将 margin-top 设置为页面的高度

将元素的高度设置为相邻元素的高度

将子元素设置为父元素的 100% 宽度

无法将 <a> 元素设置为导航栏高度

Swift - 以编程方式将项目的高度设置为与嵌套 UIStackView 中的父项相同

将元素高度设置为跟随显示 flex 行中的同级高度