html - 在 css 设计中用 % 替换像素以定位元素

Question

我不精通css。但是我在谷歌搜索后完成了我的工作。

为了将元素定位在特定位置，我使用：

<div style="position:fixed; left:30px; top:200px;">

如果而不是使用pixels如果我想使用 % 那么它的基础或计算标准是什么？

Answer 1

如果你在任何基础上计算它是不准确的，因为在这种情况下它应该是文档的宽度。

仅供参考和简单的想法，请查看http://www.getallfix.com/2011/11/convert-empxpt-and-in-css/。也许它会帮助你。

Answer 2

它很简单，只需使用基本数学（3 规则）：

像素宽度 x 100 / 总元素宽度

像素高度 x 100 / 总元素高度

例如：假设您的元素的面积为 1000 像素（高 x 宽）

30 像素 x 100 / 1000 像素 = 3%

200 像素 x 100 / 1000 像素 = 20%

Little Observation： 如果没有定义元素的高度，请尝试使用像素来代替。