Ie浏览器下没有错位,但火狐下下有问题

来源：百度知道 编辑：UC知道 时间：2024/06/15 15:47:40
在Ie7下正常,但在火狐或其它的就不正常了,请高手看下
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/* 友情连接 */
.friendlink{width:970px;margin:50px 0 0 0;text-align:left;border:1px #CBCBCB solid;padding:5px 0;clear:both;}
.friendlinkname{width:85px; height:50px;padding:5px 0 0 15px; font-weight:bold;color:#043695;border-right:1px #CBCBCB solid; float:left;}
.friendlinkl{width:855px; padding-left:10px; line-height:150%; font-size:12px;

是因为friendlink没指定高度，Firefox使用默认高度，而IE根据div内容调整了。
可以修改成：
.friendlink {
width: 970px;
height: 50px;/* 指定高度，或根据实际情况调整*/
margin: 50px 0 0 0;
text-align: left;
border: 1px #CBCBCB solid;
padding: 5px 0;
clear: both;
}

你在.friendlink里加一个{ overflow:hidden;}就可以了
这样可以高度自适应。