HTML网页布局方式有哪些
1个回答
2018-01-26 · 百度知道合伙人官方认证企业
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事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文件：
#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;
}效果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
