【问题标题】:Why does my div start within it's sibling's div in firefox? [closed]为什么我的 div 在 Firefox 的兄弟 div 中开始? [关闭]
【发布时间】:2013-12-04 00:13:07
【问题描述】:

一、页面:https://dl.dropboxusercontent.com/u/238966491/website/index.html

我想知道为什么最后一行文字——“让我们保护你,这样你就可以专注于你的业务。”——开始时好像它是电话 div 的一部分。我希望它从自己的行开始,但似乎认为从 Phone div 开始的地方继续它是一个好主意,尽管<br>

我怎样才能让这个 div 开始在它自己的行上,所以它的文本在一行上? (它适用于 Chrome。)

编辑:这是一个显示问题的 CodePen。由于依赖关系和其他东西,很多东西都不起作用,但问题仍然存在。请参阅 .tagline div 中的第三部分。 http://codepen.io/bnb/pen/vIBEw

【问题讨论】:

  • 请包含我们需要的相关代码,看看问题所在,也许一个jsfiddle也不错。
  • 代码 sn-ps 和屏幕截图(可选)和演示(可选)在您的问题中要求。链接到外部网站不会得到很多答案
  • 无论如何,使用<br> 标签定位是个坏主意。适当地使用边距和/或填充。
  • 使用 dom 检查器。它会在浏览器加载/解析它时向您显示 html,然后您将其与您编写的 html 进行比较。
  • @josephmarikle 我更新了它。抱歉,我认为提供实际的工作文件就足够了。 Marc,我一直在使用 Firefox 检查器,但我无法弄清楚。

标签: html css firefox


【解决方案1】:

你只需要clear,因为在.tagline之前你有一个左浮动的div。将此添加到您的 CSS 中:

.tagline {
   clear:both;
} 

【讨论】:

  • 解决了。谢谢!
猜你喜欢
  • 2013-07-24
  • 1970-01-01
  • 1970-01-01
  • 2019-08-10
  • 2015-12-19
  • 1970-01-01
  • 2016-02-18
  • 1970-01-01
  • 2017-09-12
相关资源
最近更新 更多