我有一个名为footerWrap的div,它包含3个无序列表.我向左浮动,所有无序列表.
我的目的是根据无序列表的高度使footerWrap高度增长.但是...在所有浏览器中(例如IE6),无序列表会传递div ...就像他们有z-index属性一样!
我试图在最后放置一个div,清楚:all,我也尝试在div上创建float:none#footerWrap
这是我的Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是我的完整CSS代码:
div#footerWrap
{
height:180px;
background-color:#5c5c5c;
background-image:url('../../img/bgFooter.png');
background-repeat:repeat-x;
background-position:top;
padding-top:20px;
padding-left:15px;
margin-top:20px;
}
/* menus footer */
div#footerWrap ul#mainMenu,
div#footerWrap ul#myMenu,
div#footerWrap ul#othersMenu
{width:180px; float:left;}
div#footerWrap ul#mainMenu li a,
div#footerWrap ul#myMenu li a,
div#footerWrap ul#othersMenu li a
{
color:#dadada;
text-decoration:none;
padding:5px;
}
div#footerWrap ul#mainMenu li a,
div#footerWrap ul#othersMenu li a
{padding:5px 10px;}
/* hover */
div#footerWrap ul#mainMenu li a:hover,
div#footerWrap ul#othersMenu li a:hover
{color:#fff; background-color:#666;}
/* menu principal …