woff 發表於 2013-6-2 14:17:28

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

原本li 只有第一層

完成 li自動增加一層

#main_nav {
width: 1000px;
background:#efefef;
background:url(../templates/images/nav_bg.png);
background-size:100px au0t;
overflow:hidden;
min-height:30px;
max-height:90px;
}
#main_nav ul {
width: 1000px;
list-style: none;
background:url(../templates/images/nav_bg.png);
margin: 0;
padding: 0;
margin-left:10px;
}
#main_nav ul li {
margin-top:5px;
margin-left:10px;
width: 4em;
float: left;
padding: 2px;
text-align:justify;

}
#main_nav ul li a{
color:#efefef;
font-size:1.3em;
}
#main_nav ul li a:hover{
color:#ccc;
text-decoration:none;
}<div id="main_nav">
<ul>
      <li><a href="XXX">XXX</a></li>   
</ul>
</div>主要是再這一段 overflow:hidden;
min-height:30px;
max-height:90px;

迟汁广必 發表於 2014-6-14 11:00:52

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

芳禾炳学 發表於 2014-6-21 12:40:57

今天没事来逛逛

休息哇了 發表於 2015-5-7 14:48:31




   浮云啊不是浮云吧。。
頁: [1]
查看完整版本: DIV+CSS 根據內容多寡 自動調整背景大小