div+css怎样放两张连续的图片在同一行？

来源：百度知道 编辑：UC知道 时间：2024/06/17 00:20:21
首先，别简单的说用table，俺知道table可以很简单的解决这个问题，
是这样的，其实我主要是做美工的，平时也习惯了用table做布局，但是毕竟这不是未来的趋势，俺也在学用div+css来布局，在网上找了很多教程，基本的原理还是明白的，但是，做header的时候，按table的方式我会切三张图片，然后用一行三列的表格就布局ok了，用div+css的话，是不是根本就不用考虑切图片的大小而直接切一张图呢？网上的教程里也只有一张图作为background-image的例子，所以在这里就只能请教大家了。。或者说，应该把三张图片定义三个div分别固定位置呢？

拜托了。。。越详细越好，若有补充说明一下腾讯主页的顶部910导航的css的追加至100分！~

<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #000000;
}
#head{
margin-right:auto; margin-left:auto; width:770px; height:80px; background:#A66300;
}
.nav{
clear:both; margin-right:auto; margin-left:auto; width:770px; height:25px; line-height:25px; background:#415800;
}
#main_box{
/*正文区大容器*/
width:770px; margin-right:auto; margin-left:auto; background:#EFEFEF;
}
.row{
/*定义每行*/
width:100%; clear:both;
}
.left,.right{ float:left; width:150px; background:#A6A6A6;
}
.right{ float:right;}
.left2{
/*用在四列布局上*/
float:left; width:235px; background:#333; color:#FFF;
}
.left3{
/*用在五列布局上*/
border-right:1px solid #FFF; width:153px; background:#888; float:left;
}
.middle{
width:470px; background:#6699CC; float:left;
}
#foot{