部分沒有動態增長

我試圖用CSS來設置我的頁面風格。我希望隨着內容的發展而增長。但它似乎僅限於屏幕的大小。我可以說，這個部分與父母的顏色是不同的。所以一些文字和其他內容出現在身體區域。部分沒有動態增長

scaffold.css.scss

html 
    { 
     width: 100%; 
     min-height: 100%; 
    } 

    body { 
     background-color: #C6C0BA; 
     color: #636363; 
     font-family: verdana, arial, helvetica, sans-serif; 
     font-size: 120%; 
     line-height: 18px; 
     max-width: 1000px; 
     min-height: 100%; 
     margin: 0 auto; 
     } 
    section{ 
     padding: 2%; 
      max-width: 1000px; 
      background-color: #f3f3f3; 
      margin: 0 auto; 


    min-height: 100%; 
} 
.....

application.html.erb

<!DOCTYPE html> 
<html> 
<head> 
    <title>Alpha</title> 
    <%= stylesheet_link_tag "application" %> 
    <%= javascript_include_tag "application" %> 
    <%= csrf_meta_tags %> 
    <%= stylesheet_link_tag 'screen' %> 
</head> 

<body> 

    <div class='logo'> 
    <img src="assets/SiteHeader.png" class="stretch"> 
    </div> 
    <header> 
    <%= render 'shared/navigation' %> 
    </header> 

<section id='content'> 
    <%= yield %> 
</section> 

</body> 
</html>

來源

2012-01-15 Antarr Byrd

我從來沒有使用Ruby on Rails的，而是看你的CSS，你可能不希望分鐘 - 高：100％在任何一個機構或＃內容。兩者都應該自動縮放以適合其內容。我還沒有測試過，但如果您希望節的最小高度（#content），則可以嘗試向其添加一個或多個固定高度的子元素。

e.g：

<section id="content"> 
<div style="height: 768px;"> 
other stuff here 
</div> 
</section>

來源

2012-01-15 20:21:36 stackuser10210

你也可以失去的寬度和高度爲HTML {}，作爲建議。 – stackuser10210 2012-01-15 20:30:02

如果我刪除了HTML {}或body {}定義，高度只會低於標題30px。 – 2012-01-15 20:36:29

html和body將始終匹配窗口的完整大小，除非您設置大小，據我所知。例如body {background-color：blue;}將會給出一個完整的藍色頁面，並且不會添加任何其他元素。我錯了嗎？ – stackuser10210 2012-01-15 20:43:42

部分沒有動態增長

回答

相關問題