我有两个 div,包裹在一个更大的 div 中。我需要将它们堆叠在一起,而不是像通常那样将它们显示为块。我遵循了关于类似 stackoverflow 问题的建议,将第一个内部 div 浮动到左侧,将第二个内部 div 浮动到右侧。没有成功。
我将两个内部 div 都向左浮动并将溢出:隐藏到包装器 div。没有成功。我还将内部 div 显示设置为 inline-block 类型。没有成功。它们都相互堆叠,这不是我想要的。
这是语义标记和 CSS:
<div align="left" style="border:2px dotted #fff;margin-top:5px;">
<!-- <span class="hyperlink_message">This is the message, redundant</span> -->
<div class="hyperlink preview" style=";padding-top:8px;border:1px solid #bbc5ee;">
<div style="float:left;">
<a href="https://www.facebook.com/parijat" target="_blank">
<img src="https://sphotos-b.xx.fbcdn.net/hphotos-ash4/395790_10150612393596211_887151733_n.jpg" alt="image not found" style="width:100px;height:100px;border:solid 1px gray;margin-right:5px;" ></img>
</a>
</div>
<div style="float:left;">
<div style="font-size:12px;color:black;"><a href="{$hyperlinktext[i].url}"><b>My Facebook page</b></a></div>
<div style="font-size:10px;color:gray;">www.facebook.com</div>
<div style="padding-top:5px;font-size:10px;color:gray;">Facebook is a social utility that connects people with friends and others who work, study and live around them. People use Facebook to keep up with friends, upload an unlimited number of photos, post links and videos, and learn more about the people they meet.</div>
</div>
<div style="clear: both"></div>
</div>
</div>
(请原谅与标记一起包含的 CSS 样式,目前涉足一些糟糕的遗留代码。
以及对应的JSFiddle。
你们认为这里出了什么问题?