61,112
社区成员
发帖
与我相关
我的任务
分享怎么让Div自适应width和height,div下有一个img(width,height不定)！
<!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">
*{padding:0;margin:0;}
body{margin:10px;}
img{border:none;}
#big-pic{
width:auto;
height:auto;
border:1px solid #CAC292;
background:#CAC292;
}
#big-pic #drag_dialog{
background:url(images/user-bg-01.gif) repeat-x;
height:28px;
line-height:28px;
text-align:left;
color:#0000FF;
padding:0 0 0 10px;
font-size:14px;
cursor:move;
}
#big-pic #drag_dialog #close-div{
display:block;
width:18px;
height:17px;
margin:5px;
cursor:pointer;
text-indent:-9999px;
background:url("images/dialogclose.gif") no-repeat;
float:right;
}
#big-pic div{
margin:3px;
}
#big-pic div img{
display:block;
background:#FFF;
}
</style>
</head>
<body>
<div id="big-pic">
<div>
<h1 id="drag_dialog">查看图片<em id="close-div">关闭</em></h1>
<img src="aa.jpg" />
</div>
</div>
</body>
</html>
<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">
*{padding:0;margin:0;}
body{margin:10px;}
img{border:none;}
#big-pic{
width:auto;
height:auto;
border:1px solid #CAC292;
background:#CAC292;
}
#big-pic #drag_dialog{
background:url(images/user-bg-01.gif) repeat-x;
height:28px;
line-height:28px;
text-align:left;
color:#0000FF;
padding:0 0 0 10px;
font-size:14px;
cursor:move;
}
#big-pic #drag_dialog #close-div{
display:block;
width:18px;
height:17px;
margin:5px;
cursor:pointer;
text-indent:-9999px;
background:url("images/dialogclose.gif") no-repeat;
float:right;
}
#big-pic div{
margin:3px;
}
#big-pic div img{
display:block;
background:#FFF;
}
</style>
</head>
<body>
<div id="big-pic">
<div>
<h1 id="drag_dialog">查看图片<em id="close-div">关闭</em></h1>
<img src="aa.jpg" />
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
zjtpiaoxue 2010-05-03
- 打赏
- 举报
ie 下是可以自适应的,只要将width:auto;height:auto即可；
火狐下却不行，将div 的display值设为table
火狐下却不行，将div 的display值设为table
yuzhixun2008 2010-05-03
- 打赏
- 举报
求各位大虾帮忙！！！！！！！！！！！
