Html 在css设计中将像素替换为%以定位元素

Html 在css设计中将像素替换为%以定位元素,html,css,Html,Css,我不精通css。但我在谷歌搜索后完成了我的工作 对于在特定位置定位元素,我使用: <div style="position:fixed; left:30px; top:200px;"> 如果我想使用%而不是使用像素,那么它的基本原理或计算标准是什么?很简单,只需使用基本数学(规则3): 像素宽度x 100/元素总宽度 像素高度x 100/元素总高度 例: 假设元素的面积为1000px(高度x宽度) 30px 100/1000px=3% 200px 100/1000px=20%

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

对于在特定位置定位元素,我使用:

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


如果我想使用%而不是使用
像素
,那么它的基本原理或计算标准是什么?

很简单,只需使用基本数学(规则3):

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

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

例: 假设元素的面积为1000px(高度x宽度)

30px 100/1000px=3%

200px 100/1000px=20%

很少观察:
如果未定义元素的高度,请尝试使用像素。

如果根据任何基础计算它,都不准确,因为在这种情况下,它应该是文档的宽度


仅供参考和简单的想法,请查看。它可能会对您有所帮助。

它应该是本文档的宽度case@Pekka웃: 谢谢,但我想知道一般情况的答案。你能澄清一下你的意思吗?