<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>两列布局实例</title>
<style>
.mainBox{
width: 960px;
height: 300px;
background: #cff;
margin: 0 auto;
}
.leftBox{
width: 740px;
height: 300px;
background:#C9F;
float: left;
margin-right: 10px;
}
.rightBox{
width: 210px;
height: 300px;
background: #fcf;
float: left;
}
</style>
</head>
<body>
<div class="mainBox">
<div class="leftBox"></div>
<div class="rightBox"></div>
</div>
</body>
</html>
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持，我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付
div+css实现两列布局实例
2016-06-26 18:28:05
浏览 4484
随时随地看视频慕课网APP
相关课程
