Javascript 如果图像为'；她太高了？

这是我的问题。我想在用户单击“展开”链接时展开图像。 我尝试了CSS剪辑属性，但它只适用于绝对定位，而position:absolute破坏了我的设计。请帮忙。提前谢谢。

---

在css中，如果希望从未知的最终

高度进行
转换，可以使用
溢出：隐藏
和
高度
或
最大高度

单击可由
：target
或
：focus
识别

下面是一个目标的示例：

用于演示的HTML：

<div id="img" > 
    <a href="#img" class="expand"> CLICK to Expand</a>
    <a href="#" class="shrink">CLICK to Shrinl</a>
    <img src="http://i.stack.imgur.com/tHRKp.jpg" alt="shot"/>
</div>


看起来至少
overflow:hidden
在这种情况下会有所帮助：）同意King。创建一个隐藏溢出的容器，然后单击Use
position:absolute
（如您所说）调整容器大小，但将其放在
position:relative
中。它不应该再“破坏你的设计”：）你能展示一下你的尝试吗
<div id="img" > 
    <a href="#img" class="expand"> CLICK to Expand</a>
    <a href="#" class="shrink">CLICK to Shrinl</a>
    <img src="http://i.stack.imgur.com/tHRKp.jpg" alt="shot"/>
</div>