<div>
<div>
<ul>
<li>左边</li>
<li>左边</li>
<li>左边</li>
<li>左边</li>
</ul>
</div>
<div>
<p>中间中间</p>
</div>
<div></div>
最下面少了个</div>
2 3 楼 不对 不能改变 HTML 外部加一个CSS文件控制完成 不得分
<style>
div div{ width:33%; float:left; margin:1px; background:red; height:60%; position:relative;}
</style>
<div>
<返野div>
<ul>
<li>左边<御世坦/li>
<li>左边</li>
<li>左边</li>
<li>左边</li>
</ul>
</div>
<div>
<p>中间中镇桐间</p>
</div>
<div>右边</div>
</div>
最外边的div设闭猜置id="content"
然后加上
<style type="text/css">
#content div{
float:left;
}
</style>
这个是最枣州简单的方法，希望对轿岩型你有帮助
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* { margin:0; padding:0px;}
.box {
width: 33.3%;
float: left;
background-color: #CCCCCC;
}
-->
</style>
</head>
<body>
<div>
<div class="box">
<ul>
<li>左边</li>
<li>左边</li>
<li>左边</li>
<li>左边</li>
</ul>
</div>
<div class="box">
<p>清拿中间中间</p>
</div>
<div class="box">33333</div>
</div>
</body>
</html>答扰搭
是这个意思吧李竖
<!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=utf-8" />
<title>test</title>
<style type="text/css">
<!--
.content {
width:900px;
margin:0 auto; /*居中设置*/
}
.left {
width:200px;
float:left;
}
.center {
width:500px;
float:left
}
.right {
float: left;
width:200px;
}
.show {
width:33%;
float:left;
}
-->
</style>
</head>
<body>
<div class="content">
<div class="left">
<ul>
<li>左边</li>
<li>左边</li>
<li>左边</li>
<li>左边</li>
</ul>
</div>
<div class="center">
<消扮div class="show">中间</div>
<div class="show">中间</div>
<div class="show">中间</div>
</碧察div>
<div class="right">
<ul>
<li>右拿慧灶边</li>
<li>右边</li>
<li>右边</li>
<li>右边</li>
</ul>
</div>
</div>
</body>
</html>
是这样吗?
是就给分