Question

类似于下图，在div标签里面存放了两张图片，我怎样使用css实现这两站图片的水平并列连接？？？

还有就是使用photoShop切片以后的网页在Dreamweaver里面打开以后，那些小切片是以表格的形式布局的，我怎样把它以层的形式布局？一个一个的放进层里面吗？是用div标签还是div层？请大家帮忙

Answer 1

用漂浮的咯，就跟<table><tr><td></td><td></td></tr></table>原理一样的，一个表格里面嵌两个单元格
你就设置一个div里面嵌套两个div或者两个span或者两个其他的，只要是可以做框架的都可以，
然后用float:left漂浮到一起
或者你也可以用<ul><li></li><li></li></ul>做
<div style="overflow:Hidden;"><div style="float:left;overflow:hidden;"><input type="text" value="请输入你要搜索的内容"></div><div style="float:left;overflow:hidden;"><input type="image" src="images/login.jpg"></div></div>
或者
<style>
ul{list-style:none;overflow:hidden;}
li{float:left;overflow:hidden;}
</style>
<ul><li><input type="text" value="请输入你要搜索的内容"></li><li>;"><input type="image" src="images/login.jpg"></li></ul>

Answer 2

切换到代码视图 ctrl + i 来插入图片，然后对每个图片定义float:left;他们就会浮动到一排，前提是外部包裹他们的板块宽度足够横排容下他们

Answer 3

“在div标签里面存放了两张图片，使用css实现这两站图片的水平并列连接”这个问题确如一楼所说，用css属性“float：left”实现两个div的浮动，要求是两张图片的长度小于body设定的长度。
至于切片的问题，如果切片不太多的话，可以考虑放在div标签里，同样设置浮动实现排布。
如果切片太多，建议还是就那样...