首页 > 代码库 > html 田字格
html 田字格
<!DOCTYPE html>
<html>
<head>
<style>
/*
1.不加doctype 低版本解析不同
2.id 的属性不能为数字
3.文件编码和设置字体相符
*/
div{
height:200px;
background:blue;
}/*每个div独占一行*/
#main{
width:20px;
height:200px;
background:lawngreen;/*背景颜色*/
float:left;/* 向左浮动*/
}
#end{
width:20px;
height:200px;
background:red;
float:right;/*浮动以后，下面的块会上向上移动*/
}
#end2{
height:400px;
background:orange;
/* clear:right; 清除右幅*/
clear:both;
}
</style>
</head>
<body>
<div id="header"> </div>
<div id="main"></div>
<div id="end"></div>
<div id="end2"></div>
</body>
</html>
html 田字格
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。