如何用DIV+CSS布局例子
1个回答
2018-01-20 · 百度知道合伙人官方认证企业
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事JAVA、大数据、web前端、网络在线教育、互联网架构师、Android、ios技术开发、咨询为一体的软件公司。公司由海外留学人员和国内IT人士创建。
向TA提问
关注
展开全部
举例(两列布局):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习使用HTML</title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!-- DIV -->
<div id="d1">
<span>DIV</span>
</div>
<div id="d2">
<span>DIV</span>
</div>
<div id="d3">
<span>DIV</span>
</div>
</body>
</html>
css代码:
css文件:
#d1{
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
#d2{
position: absolute;
margin-left: 100px;
width: 500px;
height: 100px;
background-color: blue;
}
#d3{
position: absolute;
margin-top: 100px;
width: 600px;
height: 100px;
background-color: yellow;
}
效果:
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询