2011-04-28 30 views
0

任何想法为什么<hr>this post不会去照片下而<hr>this post会?问题与<hr>

谢谢!

+0

你能提供你所看到的截图吗?我在第一篇文章中看不到任何'hr'元素的问题(或者第二篇,但那是关键)。另外,你使用的是什么浏览器/操作系统?在Chromium 10和Firefox 4/Ubuntu 10.10上它看起来很好。 – 2011-04-28 18:53:45

+0

你在说什么?


?我看到的所有标题似乎都在图片上方(它们都不在下面)。我猜测它是一个CSS“位置”问题。你可以发布css/html吗?你在谈论什么?
? – 2011-04-28 18:55:51

+0

@ SsRide30,它是'


'在横向规则,而不是标题。在非工作版本中,您可以在图像的右侧看到从它后面出来的'
'的一小部分。 – 2011-04-28 19:03:37

回答

4

因为非工作版本中的图像被左移。这使得其容器不重新大小以适应内容..

详细

工作版本具有类.aligncenter施加,而失败的版本具有.alignleft浮在元件向左与float:left属性设置。

如果去掉float:left它会工作(或备选地,设置了clear:bothhr元素,如@pekka提到)。

+0

@everyone谢谢!我将img设置为'float:center',现在它可以工作。 – Tara 2011-04-28 19:12:02

+2

@Tara:'float:center'不存在(无论如何,它都是'float'的实际值)。如果你使用的是,你可以删除'float'声明,因为它不是或不应该做任何事情...... – 2011-04-28 19:16:58

+0

@Tara,@David说什么.. – 2011-04-28 19:18:25

0

由于图像不具有相同的类。

1

您的图像有float: left,导致hr与图像在同一行上启动。

hr

clear: both 

应该工作。