100％寬度背景僅填充到右邊

更新：它不工作的原因是因爲具有寬度：100％的元素在div class =「container」元素內。刪除，解決了這個問題！（自己還沒有足夠的代表來回答這個問題，只是想讓觀衆知道它已經被解決了。）100％寬度背景僅填充到右邊

我在教自己的藍圖css框架，並且遇到了以下html/CSS。我似乎無法填充頁面寬度的100％（它向右填充100％，但它與左側的其他內容對齊）bigBox。

我怎樣才能讓它工作它的目的是什麼？謝謝！

<head> 
    <title>Hello</title> 
    <!-- screen is default blueprint framework file --> 
    <link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection" /> 
    <!-- import custom styles --> 
    <style> 
     #topmenu {float:right; margin-top: 50px; /*margin-right: -30px;*/} 
     #topmenu ul {list-style: none outside none; } 
     #topmenu ul li { display: inline; } 
     #topmenu ul li a { text-decoration: none; 
          padding: 5px;} 
     #topmenu .last { padding-right: 0px; } 
     #topmenu .current { font-weight: bold; } 

     .bigBox { width: 100%; position: absolute; 
       background-color: blue; height: 430px; 
       } 
    </style> 
</head> 

<body> 
    <div class="container"> 

     <!-- logo --> 
     <div class="span-12"> 
      <h1>Hello World</h1> 
     </div> 

     <!-- top menu --> 
     <div class="span-12 last"> 
      <nav id="topmenu"> 
       <ul> 
        <li class="current"><a href="">Option 1</a></li> 
        <li><a href="">Option 2</a></li> 
        <li><a href="">Option 3</a></li> 
        <li class="last"><a href="">Option 4</a></li> 
       </ul> 
      </nav> 
     </div>  

     <br class="clear"/> 
     <div class="bigBox"> 
      <div class="span-14"> 
       <h2>Content Left</h2> 
      </div> 
      <div class="span-10 last"> 
       <h2>Content Right</h2> 
      </div> 
     </div> 


    </div> 
</body>

來源

2011-07-01 Evan

你應該有足夠的代表回答並接受這個，是嗎？ :) –

「它不工作的原因是因爲與寬度的元件：100％是一個div類=內部」容器」元件卸下該固定。問題！」

回答並提出了CW。

來源

2011-08-26 13:30:05 corymathews

100％寬度背景僅填充到右邊

回答

相關問題