div元素高度問題

我一直在爲我的網站的朋友工作的CSS佈局，也許遇到了一些問題。希望你能幫助我。div元素高度問題

我有一個正文和內容博客div的HTML。除了內容博客div以外，一切似乎都正常。隨着低於預定的設置，HTML輸出僅返回我的博客內容DIV 與0的高度。然而，只有當我固定的高度，它顯示正常的網頁上。

我在這裏的問題是，爲什麼它總是要求我一個固定的高度設置爲在這種情況下，股利。任何參考CSS規範？這也是創建成小提琴這裏：http://jsfiddle.net/benmore/yZL4U/1/ 雖然我的預期輸出是在這裏：http://jsfiddle.net/benmore/yZL4U/2/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 

     <style type="text/css"> 

      body{ 
       width: 960px; 
       margin-left:auto; 
       margin-right:auto ; 
       margin-top: 0px; 
       background:#5d9ab2 url(https://lh5.googleusercontent.com/-ZBLYo1oD6bM/UHox3oBICxI/AAAAAAAAAgo/yCg6TcxLeC4/s358/img_tree.png) no-repeat top left; 
       background-position: 200px 0px; 
       height: 100%; 
      } 


      .content_blog{ 
       background: url(https://lh4.googleusercontent.com/-6vbAw73oSYI/UHqHD-7GLlI/AAAAAAAAAg8/3eDurdBo2wE/s191/blog_topic.jpg) top left no-repeat; 
       width: 920px; 
       margin: 0px 20px 0px 20px; 
       /*-- height: 200px; --*/ 
      } 


     </style> 
     <title></title> 
    </head> 
    <body class="homepage"> 
     <div class="content_blog"></div> 
    </body> 
</html>

來源

2012-10-14 Sarun Sermsuwan

設置上。內容，博客DIV的最小高度爲這裏看到http://jsfiddle.net/calder12/yZL4U/4/原因是div實際上有沒有CON帳篷。瀏覽器沒有看到背景圖像作爲內容，因此它假定在div是空的，並用0高度使得它。

來源

2012-10-14 09:55:57

您使用yhis代碼，而不是高度

.content_blog{ 
      background: url(https://lh4.googleusercontent.com/-6vbAw73oSYI/UHqHD-7GLlI/AAAAAAAAAg8/3eDurdBo2wE/s191/blog_topic.jpg) top left no-repeat; 
      width: 920px; 
      margin: 0px 20px 0px 20px; 
      min-height:500px; 
     }

最小高度使用動態高度問候

來源

2012-10-14 09:54:53

div元素高度問題

回答

相關問題