css – 将margin-top设置为父元素高度的％

2023年7月30日 515次阅读

我希望元素的margin-top为父元素高度的％.

例如,如果我有高度为100px的div,我想在其中创建一个具有margin-top：25px的p元素,除非将p元素的边距设置为％,以便它可以处理其父更改高度.

编辑：对于那些认为这很明显的人 – 你不能使用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>
点赞