Question

我有两个Spans我希望span1正好在span2之下，即使span1动态改变高度。

<span id="Div3" style="Z-INDEX: 126; LEFT: 8px; WIDTH: 99.06%; TOP: 5px; visibility: visible;"
                runat="server" ><asp:image id="Image1" 
                style="Z-INDEX: 127; LEFT: 16px; right: 709px;" runat="server"
tabIndex="10"></asp:image></span>

上面的Span有一个图像，其高度可以动态变化。

我想要这个范围

<span>Exactly below the image</span>

正好位于放置图像的范围之下。

有人可以帮忙吗??

Answer 1

我创建了2 span个。其中一个img，其中一个h1。

<span class="span1">
    <img src="http://www.online-image-editor.com/styles/2013/images/example_image.png" alt="">
</span>

<span class="span2">
    <h1>I'm span #2!</h1>
</span>

span我已经给出了display block属性span { display: block; }。这将使它们彼此叠加。

img

并将width分给了height和.span1 > img { height: 200px; width: 200px; }。

{{1}}

<强> Demo here

Answer 2

您忘记在两个范围内设置：position: absolute和top:。 ......如果你想绝对定位它们。

如果你只是想在文档流程中使用它们，那么从你的样式中删除top / left / z-index - 在你添加position:absolute;或{{1}之前，它们对结果没有任何结果}。

CSS中的跨度问题

2 个答案: