Question

我在基于博客平台的网站上工作，我遇到了css样式的问题。该网站是：http://wibracjezdrowia.blogspot.com/p/opinie-klientow.html 问题：在Chrome浏览器中，一切正常，但是当我在Internet Explorer中检查时，徽标的位置和绿色标志“GABINET TERAPII NATURALNYCH”存在问题 - 我的意思是Chrome中没有出现在一行中。任何人都可以帮助解决这个问题吗？谢谢！：）

Answer 1

问题是#header div的大小。

您可以将此div的最大宽度更改为较低的值，它应该没问题：

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

}

我已将最大宽度从735px更改为690px并且运行良好。

Answer 2

对于直接问题，这不是一个很好的答案，但您是否考虑过使用Bootstrap更轻松地为您的网站元素设置样式以供桌面和移动使用？

Answer 3

在</head>（关闭头标记）之前添加以下代码以仅定位IE：

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

Internet Explorer与Chrome中的Css样式

3 个答案: