如何通过JavaScript控制Div属性

Question

我必须使用一个使用绝对定位的网页设计应用程序，我需要创建一种方法，可以增加段落的字体大小以便于访问。我可以解决这个问题，但我迷失的部分是试图了解如何更改Div的属性（高度，填充，边距），以便文本适合并且Div不会相互重叠。我可以将高度设置为自动，但我无法弄清楚如何防止两个Div保持彼此之间的空间，以及如何将其应用于其他对象，如图像。

任何帮助都会很棒。

编辑：我在下面添加了一个截图，其中两个基本div都是相同的，除了底部的一个应用了15％的上边距，适用于大字体但是小字体的细分。

Answer 1

如果将每个元素放在div标记内，它们将被视为块标记，并且不应相互重叠。然后你可以使用javascript来改变它们的属性。

如果你遇到一些问题，也许你可以在这里发布一些屏幕和一些HTML / CSS代码，这样我们就可以更精确地帮助你了。

Answer 2

在CSS中将div的高度设置为auto。然后，您可以分别使用.offsetHeight和.offsetTop访问div的高度和位置，并在每次更改字体大小时调整其位置。类似的东西：

function adjust () {
    var divs = document.getElementsByTagName("div");
    for (var i = 1; i < divs.length; i++)
        divs[i].style.top = divs[i - 1].offsetHeight + divs[i - 1].offsetTop + "px";
}

http://jsfiddle.net/megapop/judyc/3/