| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3081 人关注过本帖
标题:[求助]怎么才能在一行中用两个DIV并排
只看楼主 加入收藏
sfzheng2007
Rank: 1
等 级:新手上路
帖 子:70
专家分:0
注 册:2006-12-30
收藏
得分:0 
回复:(yutaozj)[求助]怎么才能在一行中用两个DIV并...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
margin:0px;
padding:0px;
}
#tr{margin:0px auto; width:770px; height:110px; border:1px #6699CC solid;}
#bgcolor{ background-color:#6699CC; height:20px; width:auto;}
#leftimg{width:85px; height:89px; float:left;}
#middle{width:300px; float:left; height:89px; border-right:#6699CC; border-right-style:solid; border-right-width:1px;}
#right{width:382px; height:89px; float:right; overflow:hidden;}

#detail{ list-style:none; padding:5px; margin:0px; line-height:1.2em;}
#detail li{width:auto; height:20px; text-align:center;}

-->
</style></head>

<body>
<div id="tr">
<div id="bgcolor">测试</div>
<div id="leftimg"><img src="http://bbs.bc-cn.net/Images/userface/image1.jpg" width="85" height="85px" /></div>
<div id="middle">
<ul id="detail">
<li>测试</li>
<li>测试</li>
<li>测试</li>
<li>测试</li>
</ul>
</div>
<div id="right">测试</div>
</div>
</div>
</body>
</html>

看是不是这样??

2007-03-26 14:09
快速回复:[求助]怎么才能在一行中用两个DIV并排
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016098 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved