DIV请帮个忙解决怎么弄

来源:百度知道 编辑:UC知道 时间:2024/05/23 17:45:16
我以前没弄过DIV现在开始学习怎么弄,现在发现一个问题不知道怎么弄,请各位帮个忙解决一下
具体代码如下:(图片我就不发拉,我要的效果就是把这个排列好)
<link href="css/Style.css" rel="stylesheet" type="text/css">
<div style="height:42; width:28; float:left;"><img src="images/left_1.jpg"></div>
<div style="height:42; width:250; float:left;"><img src="images/left_2.jpg"></div>
<div style="height:404; width:28; float:left; background-image:url(images/left_3.jpg);"></div>
<div style="height:404; width:232; float:left; background:#FFFFFF;"></div>
<div style="height:404; width:12; float:left; background-image:url(images/left_3.jpg);"></div>
你们把我的代码复制下来看一下,我要的效果就是这几个图片能衔接上,就是排成两行的效果

排列成什么效果啊?

你用用margin

要排成两行吗?

要用clear

赛特科技

<link href="css/Style.css" rel="stylesheet" type="text/css">
<div style= "width:278px; height:42px; overflow:hidden;clear:both">

<div style="height:42; width:28; float:left;">
<img src="images/left_1.jpg"></div>
<div style="height:42; width:250; float:left">
<img src="images/left_2.jpg"></div>

</div>

<div style="height:404; width:28; float:left; background-image:url(images/left_3.jpg);"></div>
<div style="height:404; width:232; float:left; background:#FFFFFF;"></div>
<div style="height:404; width:12; float:left; background-image:url(images/left_3.jpg);"></div>

--------------------------------------------------------------------