Question

可能重复：
DIV width and height wont resize when setting innerHTML?

我有一个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标签的高度为200px。我用Google搜索了但没有得到太多帮助。我希望我已经说清楚了。如果您有任何疑问请问我。我需要帮助。

Answer 1

你需要以％而不是px来设置高度;所以改变你的锚标签高度％表示高度：5％这可能会解决你的问题。

Answer 2

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

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

Answer 3

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

<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>

还添加了一些颜色以便于调试。看看吧。检查this too，您尝试做的另一种可能性......

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

a {
    background-color: #aaf;
}

Answer 4

我有解决这个问题的方法： DIV width and height wont resize when setting innerHTML?

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

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

4 个答案: