在css中设置固定大小并在javascript中使用

我不熟悉CSS和javascript，并尝试查看其他消息，但我找不到关于我的问题的答案

我想预先在css中设置我所有的节大小，然后在javascript中使用这些节。但是javascripts使用的.width和.height属性不是.css文件中的硬编码大小，而是元素在执行脚本的当前行上的大小

我的html部分如下所示：

       <div id="raw">
         <p id="add">Add a new data value</p>
         <p id="remove">Remove a data value</p>

        <script src = "javascripts/dynamic_bars.js"></script>

       </div>        

添加新的数据值

删除数据值

CSS的部分如下所示：

       <div id="raw">
         <p id="add">Add a new data value</p>
         <p id="remove">Remove a data value</p>

        <script src = "javascripts/dynamic_bars.js"></script>

       </div>        

#原始{位置：相对；浮动：左侧；宽度：100%；最小高度：80%；}

在dynamic_bars.js中，我尝试获取原始ID元素的宽度：

var h=document.getElementById（'raw'）.scrollHeight

控制台日志（h）

var w=（$（this）.width（）*0.8）
var h=（$（this）.height（）/3）

scrollHeight只是我的添加和删除文本（

元素）的高度

$this.height可以工作，但那是整个屏幕的高度，而不是我的原始元素的高度

如果我使用DOM检查器，我可以看到我的原始部分的高度实际上是其父部分的80%。 但是当javascript运行时（它在原始部分创建svg元素），它只有前面添加的

元素的大小

有没有办法在javascript中获得CSS的最小高度属性？？？

您可以使用

.CSS（）

返回任何属性值。比如说

$（this.css（'min-height'）

将返回用户.css（）功能的最小高度属性值

例如：

$("#raw").css("height");

在这种情况下，如果在css中将height属性设置为100 px，javascript也将获得100 px。

这确实适用于像素（px），但似乎不适用于%。这确实适用于像素（px），但似乎不适用于%。开始时，height%根本不起作用，直到我为所有原始id父对象设置height属性。当我使用像素作为高度时，这是不需要的。我认为CSS还不知道使用%时的实际大小，直到整个页面呈现（！？）