【CSS】企业级两栏布局
时间：2022-04-11 14:44
效果图
要点
利用固定定位和margin-left属性
PS：div是块级元素，不给宽度默认继承父级元素body的宽度
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
body {
margin: 0;
}
.div1 {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: black;
}
.div2 {
height: 100px;
margin-left: 100px;
background: hotpink;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
本类排行
今日推荐
-
无限Wifi伴侣精简版
版本：v1.1.62
大小：31.4M
日期：2024-05-02
-
电池防爆大师经典版
版本：v1.0.2
大小：17.7M
日期：2024-05-02
-
韩语入门免费版
版本：v5.4.3
大小：27.03MB
日期：2024-05-02
-
极速管家清理免费版
版本：v1.0.0
大小：21.2M
日期：2024-05-02
-
手机垃圾清理加速器官方版
版本：v8.0
大小：18.9M
日期：2024-05-02
-
启音在线官方版
版本：v3.8.15
大小：47.26 MB
日期：2024-05-02
热门手游
-
勇夺世界杯破解版
版本：1.0.2
大小：41.08MB
日期：2024-05-02
-
有趣的棒球官方版
版本：1.132
大小：57.87MB
日期：2024-05-02
-
篮球世界模拟器手机版
版本：1.0
大小：221.18MB
日期：2024-05-02
-
点球达人2免费版
版本：0.5.3
大小：89.27MB
日期：2024-05-02
-
fifa online4手机版
版本：1.2302.0002
大小：533.58MB
日期：2024-05-02
-
晴明传官方版
版本：0.1.16
大小：1.2GB
日期：2024-05-02