为什么我的div盒忽略我的css代码？

首先，我想说我已经测试过，如果我的.css链接工作，背景变成黑色。为什么我的div盒忽略我的css代码？

这是一个ASP.NET Mvc测试应用程序，我正在制作，而且我很难定位嵌套在div盒中的一些元素。我得出的结论是，我的div盒嵌套在最顶端的框中，忽略了我的.css代码。

这是我整个的CSS文件，名为custom1.css

#topmostheader 
{    
    background: none repeat scroll 0% 0% rgb(0, 0, 0); 
    height: 90px; 
    text-align: center; 
} 

#topmostheader.inner 
{ 
    width: 1280px; 
    margin: 0 auto; 
    text-align: left; 
    background-color: Red; 
} 

#topmostheader.app-name 
{ 
    font-size: 14px; 
    float: left; 
    line-height: 90px; 
    color: rgb(119,119,119); 
    margin: 0px 20px 0px 0px; 
} 
#topmostheader.xxx-logo 
{ 
    margin: 0px; 
    height: 90px; 
    float: right; 
}

，这里是我的DIV布局框。

<div id="topmostheader"> 
    <div class="inner" > 
     <div class="app-name"> 
      Lunch Application 
     </div> 
     <div class="xxx-logo"> 
      <img src="/content/xxx/logo.png" alt="xxx logo"/> 
     </div> 
    </div> 
</div>

期望的结果是没有产生：该应用名称，内和加速度标志divboxes都死点在屏幕上，其中，该应用-name必须是在左侧，而在标志对。

我已经测试了下面的代码（这产生期望的结果，在不希望的方式 - 我就可以重新使用这个代码多次这是在.css文件）

<div id="topmostheader"> 
    <div class="inner" > 
     <div class="app-name" style="float:left"> 
      Lunch Application 
     </div> 
     <div class="xxx-logo" style="float:right"> 
      <img src="/content/xxx/logo.png" alt="xxx logo"/> 
     </div> 
    </div> 
</div>

我在做什么错？为什么当我使用.css文件时，我的div盒不能“浮动”？

来源

2012-03-05 Eon

3个正确答案家长孩子的div：o谁给的支票：| – Eon 2012-03-05 12:55:12

我很肯定，通过自定义它会去最长的显示名称的回答。 – 2012-03-05 13:10:26

哈哈。至少我现在笑了。 – Eon 2012-03-05 13:14:27

你错过了你的ID选择器和类选择器之间的空间。

#topmostheader.inner的意思是“选择ID为topmostheader和一类inner”的元素。

你想#topmostheader .inner，这意味着“选择元素与类的inner是该元素的后裔与topmostheader一个id“

来源

2012-03-05 12:44:13

要定位你需要的ID和类名之间的空间在你的CSS规则的正确的div：（例如，改变#topmostheader.app-name到#topmostheader .app-name）

来源

2012-03-05 12:43:33 pjumble

你需要把ID #topmostheader和类如之间的空间.acceleration-logo否则浏览器假设你申请风格的ID #topmostheader和.acceleration-logo类不.acceleration-logo类与#topmostheader

来源

2012-03-05 12:44:17

为什么我的div盒忽略我的css代码？

回答

相关问题