css - 如何使用css设置div标签的高度

Question

可能重复：
设置innerHTML 时DIV 宽度和高度不会调整大小？

我有一个 div 标签，它的文本写成内部 HTML，例如：

<div>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.........</div>

内部 HTML 有很长的文本。在 div 标签下，我保留了一个锚标签。问题是，当我缩短 div 标签的高度时，比如说 200px，那么锚标签就会超过 div 标签的内部 HTML。

但是，我希望当我缩短 div 标签的高度时，内部 HTML 也应该具有相同的高度。我的意思是锚标签将出现在 div 标签的正下方，并且 div 标签的高度为 200 像素。我用谷歌搜索，但没有得到太多帮助。我希望我已经说清楚了。如果您有任何疑问，请问我。我需要帮助。

Answer 1

将锚标记的位置属性设置为相对

a#MyA
{
  top:100px;
  position:relative;
}

Answer 2

我不确定我是否正确理解了你的问题，但至少在你的 jsfiddle 链接中有很多错别字，纠正了一些，结果如下

<div id="aa">Some Text. Some Text. Some Text. Some Text. Some Text. Some Text.Some Text.Some Text. Some Text. Some Text.Some Text.......</div>
    <div id="bb"><a href="#">Read More</a></div>​

还添加了一些颜色以便于调试。看看它。也检查一下，另一种可能是您正在尝试做的事情...

div#aa {
    height: 100px;
    background-color: #f00;
    overflow: hidden;
}

a {
    background-color: #aaf;
}
​

Answer 3

我有这个问题的解决方案： 设置innerHTML时DIV宽度和高度不会调整大小？

您必须为 div 标签添加溢出属性。

Answer 4

您需要以 % 而不是 px 设置高度；所以改变你的锚标签高度 % 意味着高度：5% 这可能会解决你的问题。