Question

我正在使用Visual Studio 2012，为我的网站创建了一个主页。所有其他页面都运行良好，但只有一页让我发疯。

.aboutus
{ margin: auto;
font-family: 'Bookman Old Style';
font-style: normal;
font-weight: 100;
max-height:700px;
overflow:scroll;
overflow-x:hidden;}

.aboutus h1, .aboutus h2, .aboutus h3
{
    color:blue;
    font-style:italic;
    font-weight: 500;}

如果我使用这个css类，它可以正常使用IE浏览器，但不会出现在Chrome或mozilla中。即使我从.aboutus css类中删除了内容，它仍然会遇到同样的问题。

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="aboutus">
<h1>About us…</h1>
<p>Regional Automotive was started in 1994 at it’s current location in Ottawa 
    as a sister c..........
 </div></asp:Content>

我的asp：内容来自母版页

<div class="main-content">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
 </div>

我在我的母版页中使用这个，所以我不必为每一页一遍又一遍地写同样的东西

.main-content
{display:block;
background-color:transparent;
min-height: 700px;
max-height:700px;
margin-left:2px;
margin-top:68px;}

可能会导致问题。

Answer 1

我尝试复制你的代码并在我的电脑上使用。适用于Opera，Chrome，IE。

您有最新版本的浏览器吗？您可以尝试逐行编写css文件，并尝试找出问题所在的行

CSS代码不适用于Chrome和Firefox，而是IE

1 个答案: