Maison >interface Web >tutoriel HTML >急急 !为何我做的达不到效果_html/css_WEB-ITnose
这是css中的代码:
#right{
width:250px;
height:300px;
padding-top:32px;
background:url(../images/bg.gif) no-repeat;
}
#right dl dt{
width:80px;
margin:0px;
float:left;
padding:2px 0px;
text-align:center;
}
#right dl dt img{
height:47px;
width:60px;
border:1px solid #9ea0a2;
veritical-align:middle;
}
#right dl dt dd a{
font:12px/47px 宋体;
color:#333;
text-decoration: none;
}
#right dl dt dd a:hover{
color:#ff7300;
}
这是html代码:
这是css中的代码:
#right{
width:250px;
height:300px;
padding-top:32px;
background:url(../images/bg.gif) no-repeat;
}
#right dl dt{
…… 达不到我要的效果???它那个浮动都乱了,图片应该是左浮动,然后字是在图片的右边浮动!
css中加个
#right dl {
clear:both;
}
二楼的答案非常正确!!!+1
css中加个
#right dl {
clear:both;
}
+1
先把前面的浮动清楚一下,或许可以。
跟多 DIV教程 http://blog.sina.com.cn/u/2760399482
蓝桥的同学??