【问题标题】:css: insert to divs float right under each other within a parent divcss:插入到 div 在父 div 中彼此浮动
【发布时间】:2012-08-03 20:10:18
【问题描述】:

我使用了来自Replacing H1 text with a logo image: best method for SEO and accessibility 的解决方案,但我需要在彼此下方插入两个 div,每个 div 都向右浮动。我有一些问题。如何解决?

请在此处查看示例: http://jsfiddle.net/QnFZT/1/更新

【问题讨论】:

  • 为什么它们会出现在你的<h1> 标签内?
  • 请弹琴:jsfiddle.net
  • 成功了。 jsfiddle.net/PNTqb 谢谢。
  • 喜欢这个jsfiddle.net/QnFZT 吗?您只需要使用clear: both; 清除您的浮动。 (另外,它们可能不应该在你的内部<h1> 标签)
  • 伙计们,您对 h1 标签的看法可能是正确的。但是,使用 clear:both;工作正常。但是,不在 IE 中。感谢上帝,我现在已经在 3 个浏览器中对其进行了测试。

标签: css html css-float vertical-alignment


【解决方案1】:

将图像放在浮动 div 中解决了它。见http://jsfiddle.net/dgSCy/1/

但是你绝对不应该将块元素放在诸如标题之类的内联元素中......

【讨论】:

  • 但是即使他使用内联元素作为span,也会被float属性变成块。
  • 将图像放入额外的 {floating} div 会降低可访问性(请参阅我开始的问题,它是 SEO 和可访问性的徽标,而不仅仅是图像)...我说得对吗?
猜你喜欢
  • 1970-01-01
  • 2011-12-23
  • 2013-08-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-08
  • 1970-01-01
相关资源
最近更新 更多