Javascript Internet Explorer中的Css样式与Chrome

Javascript Internet Explorer中的Css样式与Chrome,javascript,html,css,google-chrome,internet-explorer,Javascript,Html,Css,Google Chrome,Internet Explorer,我在基于blogger平台的网站上工作,我对css样式有问题。 网址为: 问题:在Chrome浏览器中,一切正常,但当我在Internet Explorer中检查时,徽标和绿色标志“GABINET TERAPII NATURALNYCH”的位置出现了问题-我的意思是,没有在Chrome浏览器中显示的一行。 有人能帮忙解决这个问题吗? 谢谢!:) 问题在于#header div的大小 您可以将此div的最大宽度更改为较低的值,这样应该可以: #header { float: right; widt

我在基于blogger平台的网站上工作,我对css样式有问题。 网址为: 问题:在Chrome浏览器中,一切正常,但当我在Internet Explorer中检查时,徽标和绿色标志“GABINET TERAPII NATURALNYCH”的位置出现了问题-我的意思是,没有在Chrome浏览器中显示的一行。 有人能帮忙解决这个问题吗?
谢谢!:)

问题在于#header div的大小

您可以将此div的最大宽度更改为较低的值,这样应该可以:

#header {
float: right;
width: 100%;
max-width: 690px;
color: #444;
margin: 0;
padding: 0;
}


我已经将最大宽度从735px更改为690px,效果很好。

这不是直接问题的答案,但是您是否考虑过使用它来更轻松地为桌面和移动设备使用的网站元素设计样式?

就在
(关闭头部标记)之前,仅向IE添加以下代码:

<!--[if IE]>
    <style>
        *, *::before, *::after{box-sizing: content-box}
    </style>
<![endif]-->


哪个版本的Internet Explorer出现了这个问题?我能够在IE 11中重现OP的问题。我已经解决了这个问题,让我写下答案。