css：一个元素在火狐上的图像上浮动，但在其他浏览器中没有。是火狐尊重css标准还是其他浏览器？
就像在标题中，我有这样一个：
http://jsfiddle.net/Eddie84/vh6n4/
firefox是遵守css标准还是其他浏览器？而且，我如何在其他浏览器上获得相同的结果而不改变DOM和css？！
HTML:
<div>
<h2>
<a href="#">Lorem Ipsum</a>
</h2>
<p>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis. Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis.</p>
<h4>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit.</h4>
<a class="circle" href="#">
<span>Lorem</span> <br />
<span>
<img alt="" src="http://lorempixel.com/50/50" />
</span>
</a>
<p>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis</p>
<p>
<img style="display:block; width:100%" alt="" src="http://www.menucool.com/slider/prod/image-slider-4.jpg" />
</p>
<p>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis</p>
</div>
CSS:
.circle {
float:right;
border-radius: 50%;
box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
color: #FFFFFF;
font-size: 18px;
font-weight: 700;
height: 110px;
line-height: 1.4;
padding: 10px;
position: relative;
text-align: center;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
width: 110px;
background:red;
}
非常感谢你
塞拉菲诺
共有1个答案
这不是firefox的bug。。您只需像使用float一样使用clear，因此必须使用clear:两者，这样您就可以看到代码正在工作。。检查我的代码。。
<p>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis. Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis.</p>
<h4>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit.</h4>
<a class="circle" href="#">
<span>Lorem</span> <br />
<span>
<img alt="" src="http://lorempixel.com/50/50" />
</span>
</a>
<p>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis</p>
<div style="clear:both;"></div>
<p>
<img style="display:block; width:100%" alt="" src="http://www.menucool.com/slider/prod/image-slider-4.jpg" />
</p><div style="clear:both;"></div>
<p>Lorem ipsum. dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis</p>
evn如果我将使用display:block或not，但圆圈图像不会溢出到另一个。。我希望你会喜欢我的答案。。thanx:）
-
需要指导和帮助在下面一个。 当下面的代码执行时，我得到了错误。我使用的是最新版本的java、eclipse、火狐和WebDrive jar文件。 错误 线程"main"java.lang.IllegalStateExcture中的异常：驱动程序可执行文件的路径必须由webdriver.gecko.driver系统属性设置；有关详细信息，请参阅https://github.com/mozilla/g
-
使用 Mozilla Firefox 从 Jmeter 录制 https 应用程序时，浏览器会显示一个弹出窗口，标题为“此站点要求您登录”，并带有用于用户名和密码的文本框。 不确定我们是否需要在此处提供代理-用户名/密码（或）应用程序-用户名/口令，尝试了两种方法，但一次又一次得到相同的弹出窗口，单击弹出窗口中的“取消”，显示401 Unauthorized 注意：当proxy为“Use syst
-
我有这样的div标签 并且脚本将在每次单击“a”标记时运行 每当点击<代码> 谢谢：）
-
无法在firefox浏览器中导航特定URL。我编写了以下示例代码： 我得到的错误是： 组织。openqa。硒。火狐。NotConnectedException:45000毫秒后无法连接到端口7055上的主机127.0.0.1。Firefox控制台输出：dons。xpi调试正在更新{“id”：“的XPIState”sp@avast.com“，”syncGUID“{0652d9a4-3656-4279
-
我已经读过类似的问题，所以，没有答案张贴，此外，我的错误确实似乎是不同的细节。 当我跑的时候 我收到以下错误： 我正在、和上运行，所以我不认为这是一个版本问题。我猜它可能是部分，在那里它正在寻找浏览器。
-
js window.location.reload(true)强制刷新只在火狐浏览器中生效，谷歌浏览不生效 有什么办法可以兼容谷歌、火狐浏览器能在js中调用强制刷新，就像调用ctrl+f5那样 主要是想刷新页面缓存