DIV+CSS 根據內容多寡 自動調整背景大小

woff

原本li 只有第一層

完成 li自動增加一層

1. 
   
2. #main_nav {
   
3. width: 1000px;
   
4. background:#efefef;
   
5. background:url(../templates/images/nav_bg.png);
   
6. background-size:100px au0t;
   
7. overflow:hidden;
   
8. min-height:30px;
   
9. max-height:90px;
   
10. }
    
11. #main_nav ul {
    
12. width: 1000px;
    
13. list-style: none;
    
14. background:url(../templates/images/nav_bg.png);
    
15. margin: 0;
    
16. padding: 0;
    
17. margin-left:10px;
    
18. }
    
19. #main_nav ul li {
    
20. margin-top:5px;
    
21. margin-left:10px;
    
22. width: 4em;
    
23. float: left;
    
24. padding: 2px;
    
25. text-align:justify;
    
26. 
    
27. }
    
28. #main_nav ul li a{
    
29. color:#efefef;
    
30. font-size:1.3em;
    
31. }
    
32. #main_nav ul li a:hover{
    
33. color:#ccc;
    
34. text-decoration:none;
    
35. }

複製代碼

1. <div id="main_nav">
   
2.   <ul>
   
3.       <li><a href="XXX">XXX</a></li>   
   
4.   </ul>
   
5. </div>

複製代碼

主要是再這一段

1. overflow:hidden;
   
2. min-height:30px;
   
3. max-height:90px;

複製代碼

迟汁广必

很好，谢谢你啊，辛苦了~~

芳禾炳学

今天没事来逛逛

休息哇了

   浮云啊  不是浮云吧。。