html 布局

ViKi

于 2009-05-24 17:47:00 发布

阅读量328

点赞数

CC 4.0 BY-SA版权

文章标签： html div generator border class float

本文链接：https://blog.youkuaiyun.com/myeclipsebasin/article/details/4212685

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.s{
margin-top:3px;
width:98%;
height:200px;
border:1px solid black;
}
#middle{
text-align:center;
}
#middleContent{
width:90%;
}
#middleContent div{
border:1px solid red;
height:98%;
float:left;
width:33.33%;
height:200px;;
}
</style>
</HEAD>
<BODY>
<div class="s">上</div>
<div class="s" id="middle">
<div id="middleContent">
<div>左</div>
<div>中</div>
<div>右</div>
</div>
</div>
<div class="s">下</div>
</BODY>
</HTML>