Question

我想我彻底搜索了这个网站，但找不到我的问题的答案;我也觉得这很简单，但经过几个小时的困惑，我放弃了，决定寻求帮助......

这是我的问题;我有一个DIV，里面有两个DIV;第一个DIV，“快照”包含使用websnapr.com返回网站snapshpt的脚本;快照大小为202 x 150，因此我将该DIV的宽度定义为230 px。第二个DIV，“描述”，应该显示在该快照的右侧，它包含一些文本。我的问题是最后的文本围绕“快照”流动，即在它下面，我希望它保持一致，总是在DIV“快照”的右侧，而不是在他的下方。

所以，你看到1到10行都很好;我希望第11行和第12行以及文本的其余部分在1-10行下面对齐，而不是在快照下面！

以下是代码：

    <div class="entry">
  <h2 align="center">Some title here...</h2>
  <div id="snapshot"><script type="text/javascript">wsr_snapshot('some link here', 'some pass here', 's');</script></div>
  <div id="description"><p>Line 1<br>Line 2<br>Line 3<br>Line 4<br>Line 5<br>Line 6<br>Line 7<br>Line 8<br>Line 9<br>Line 10<br>Line 11<br>Line 12<br></p>
<p align="left">Link:<br>
    <a href="#" target="_blank">some link here</a></p></div>
</div>

以下是这些ID和类的CSS：

.entry {margin:0 0 20px 0; border:2px solid #fff; background:#e6e6e6 url(images/bg.png) repeat-x; color:#333; padding:10px 10px 0 10px; min-height:200px; height:auto !important; height:200px; }

#snapshot {float:left; width:230px;}
#description {display: block; margin-left:240 px;}

我尝试过这两个DIV的各种属性 - 显示，清除，溢出等等，但无济于事;希望有人能够阐明我在这里失踪的东西......

Answer 1

啊哈：在240的保证金左边规则中px和#description之间有一个额外的空格。

以下works：

#description {display: block; margin-left:240px;}

如何不在DIV周围包装文字？

1 个答案: