html div挤下去了,HTML的div相挤现象

HTML的div相挤现象

小文

2014-05-17 19:37

div>ul>li>a，a有两行(超出行为)，使用active缩小时下一行会挤上来(左浮向左挤，右浮向右挤)与不会挤上来的差别是什么？

HTML中的内容(#yqgg{ width:740px; height:112px;})

• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接
• 友情链接

…………

下行会向左挤：

.ayq,.agg { float:left; }

a.ayq:link, a.ayq:visited {

display:block;

width:92.5px;

text-align:center;

}

a.ayq:link{color: #666; }

a.ayq:hover {

color: #000;

}

a.ayq:visited{ color: #999;}

a.ayq:active { color: #CCC; font-size:6px;}

不会挤上来(其实也会)：

.ayq,.agg { float:left; }

a.ayq:link, a.ayq:visited {

width:92.5px;

text-align:center;

padding:0px;

text-decoration:none;

text-transform:uppercase;

line-height:12px;

font-size: 10px;

}

a.ayq:link{color: #666; }

a.ayq:hover {

color: #000;

}

a.ayq:visited{ color: #999;}

a.ayq:active { color: #CCC; font-size:6px;}