CSS：基于 <div> 宽度的文本填充答案

【问题标题】：CSS: Padding of text based on <div> widthCSS：基于 <div> 宽度的文本填充
【发布时间】：2014-11-28 08:27:27
【问题描述】：

假设我在 html 页面上显示了一些文本，该页面保存在 <div> 标记中。 div 有width: 100%。我希望文本显示在 div 宽度的 3/4 处。所以，如果分隔线是 1000 像素宽，我希望文本的左填充为 750 像素。我怎样才能做到这一点？谢谢！

【问题讨论】：

听起来像：div { padding-left: 75%; }
w3schools.com/css/css_padding.asp - 您需要在发帖前阅读。 @emmanuel 是正确的。我想知道您是否在发布之前尝试过...

【解决方案1】：

在这里，您必须首先将容器宽度定义为 100%，然后将填充设置为您想要的任何 %。

所有计算都将以 % 定义。

selector{
    width: 100%;
    padding-left: 75%; 
}

【讨论】：

【解决方案2】：

div { 
    padding-left: 75%; 
    width: 100%;
}

【讨论】：