DIV+CSS一行三列代码

chenyajun  2020-02-02 11:48:07  阅读 3509 次 评论 0 条
<!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>
<title>Untitled Page</title>
<style type="text/css">
body{
margin:0;
padding:0;
}
#container{
font-size:12px;
width:980px;
margin:auto;
}
#left,#middle,#right{
float:left;
}
#left{
width:320px;
}
#middle,#right{
width:330px;
}
#left ul,#middle ul,#right ul{
border:1px solid #00FFFF;
width:320px;
margin:0;
padding:0;
list-style-type:none;
}
.header{
background:#BFF7FB;
}
</style>
</head>
<body>
<div id="container">
<div id="left">
<ul>
左边第一列555555555
</ul>
</div>
<div id="middle">
<ul>
中间第二列555555555
</ul>
</div>
<div id="right">
<ul>
右边第三列555555555
</ul>
</div>
</div>


本文地址:http://chenyajun.net/index.php/post/59.html
版权声明:本文为原创文章,版权归 chenyajun 所有,欢迎分享本文,转载请保留出处!

评论已关闭!