css如何让三个DIV并列在一行中

CSS：.news_con_oth{display:block;clear:both;overflow:hidden;padding:020px;}*html.news_... CSS：
.news_con_oth{display:block;clear:both; overflow:hidden; padding:0 20px;}
*html .news_con_oth{height:1%;}
.good_digg{float:left; background:url(/templets/images_200901/m_bg01.gif) 0 -422px no-repeat; width:70px; height:73px;text-align:center; font:bold 14px/33px verdana; }
.bad_digg{float:right; background:url(/templets/images_200901/m_bg01.gif) 0 -422px no-repeat; width:70px; height:73px;text-align:center; font:bold 14px/33px verdana;}
.digg_center{float:center; width:470px; line-height:18px;}

html文件：
<div class="news_con_oth">

<div class="good_digg">100</div>
<div class="digg_center">google广告
</div>

<div class="bad_digg">100</div>

</div> 展开

 我来答

10个回答

#热议# 在购买新能源车时，要注意哪些？

nhjjfv
2011-01-01 · TA获得超过3006个赞

知道小有建树答主

回答量：1396

采纳率：0%

帮助的人：1500万

我也去答题访问个人页

关注

展开全部

and1和and2都设置左浮动float:left。
and3可以设置float:left也可以设置float:right。也可以不定义。
最好三个都定义float:left，然后在and3后面加个div设置clear:both清除浮动属性

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

island0505
2011-01-01 · TA获得超过190个赞

知道小有建树答主

回答量：93

采纳率：0%

帮助的人：102万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
div{ margin: 0; padding: 0; display: block;}
.Fix{zoom:1;}
.Fix:after{content: '\20'; display: block; height: 0; width: 100%; clear: both;}
.news_con_oth{padding:0 20px;}
.good_digg{float:left; background:url(/templets/images_200901/m_bg01.gif) 0 -422px no-repeat; width:70px; height:73px;text-align:center; font:bold 14px/33px verdana;}
.bad_digg{float:right; background:url(/templets/images_200901/m_bg01.gif) 0 -422px no-repeat; width:70px; height:73px;text-align:center; font:bold 14px/33px verdana;}
.digg_center{ margin: 0 70px; line-height:18px;}
</style>
</head>
<body>
<div class="news_con_oth Fix">

<div class="good_digg">100</div>
<div class="bad_digg">100</div>
<div class="digg_center">google广告</div>


</div>
</body>
</html>

已赞过 已踩过<

评论收起

hushun5188
2011-01-01 · 超过22用户采纳过TA的回答

知道答主

回答量：81

采纳率：0%

帮助的人：74.8万

我也去答题访问个人页

关注

展开全部

css
#left{ float:left ; width:200px; height:100px;}
#right { float: right; width:200px; height:100px;}
#main { margin:0 200px; height: 100px;}

body
<div id="left">
</div>
<div id="main">
</div>
<div id="right">
</div>