铭铭Kizami：知名性感coser的名字黑丝胶水：一种用于固定黑丝的胶水性感：形容coser的形象和造型玉腿：形容co
斗鱼人气小魔女铭铭Kizami...
2023-11-29
web前端开发之布局：先看效果图，最简单的左右布局。有可能还会被面试问道哈哈哈。
一看也没什么特别之处，就是左边固定，右边自适应，就这么简单。
原理：通过设置一个margin-left;或者margin-right就可以搞定。方法有很多，这次就只介绍这种设置margin的。
<!doctype html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
<style>
body{
margin:0;
padding:0;
}
#wrap {
overflow: hidden; *zoom: 1;
}
#content ,#sidebar {
background-color: #eee;
}
#sidebar {
float: left; width: 300px;
background-color:pink;
position:fixed;
top:50px;
left:0;
}
#content {
margin-left: 310px;
height:1000px;
background-color:#e456aa;
margin-top:50px;
}
#footer {
background-color: #f00;
color:#fff;
margin-top: 1em;
}
</style>
</head>
<body>
<div style=”width:100%;height:50px;line-height:50px;background-color:#ccc;position:fixed;top:0;left:0;”>这是头部:web前端开发大全</div>
<div id=”wrap”>
<div id=”sidebar” style=”height:600px;”>固定宽度区：jingfeng18</div>
<div id=”content” style=”height:1340px;”>自适应区</div>
</div>
<div id=”footer”>这是尾部，想写什么就写什么，这是一个神奇的地方</div>
</body>
</html>
非常简单，如果你还有更好的方法，欢迎前来投稿交流。只为学习更多，技术更上一层楼，早日升职加薪，赢取白富美，走上人生巅峰。
热点文章
2021年独生子女补贴新政策是真的吗(独生子女证有有效期吗)
2021年国庆节阅兵仪式几点开始几点结束(2021年国庆节还有阅兵吗)
鼠目寸光一点红是什么生肖动物（鼠目寸光一点红）指什么生肖，紧密
k0到k9的玩法大全（强制gc的玩法和注意事项）
入土为安是什么生肖《入土为安》打一个生肖动物，词语解释
浙江12月底全面停工是真的吗(浙江什么时候放假停工)
如何做t(t怎么把p做哭)
北京口碑最差的三甲医院（北京301医院最擅长什么）