爲什麼我的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代碼？

回答

相關問題