为什么缩小网页左右两边会消失呢
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;padding: 0;}
body{min-width: 900px;}
.header,.footer{background: #272727;width: 100%;height: 100px;float: left;}
.content{padding: 0 420px 0 400px;}
.conter,.left,.right{position: relative;min-height: 700px;float: left;}
.conter{width: 100%;background: #00CACA;}
.left{width:400px;background: red;left:-400px;margin-left: -100%}
.right{width:420px;background:#C6A300;margin-left: -420px;right: -420px;}
</style>
</head>
<body>
<div class="header"></div>
<div class="content">
<div class="conter"> 5464646</div>
<div class="left">6+6</div>
<div class="right">4</div>
</div>
<div class="footer"></div>
</body>
</html>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星