body最小宽度设置700就不能缩小了,为什么最小高度我设置了700还可以缩小呢?
body最小宽度设置700就不能缩小了,为什么最小高度我设置了700还可以缩小呢?
正在回答
你好,在f12 调试工具的css 盒子模型中观察是设定的值,最小的高宽都是700 px; 如下图:
是不是想确定这个问题。如解决你的疑惑,欢迎采纳呦。
<style type="text/css">
*{margin: 0;padding: 0;}
body{min-height: 700px; min-height: 700px;}/*就的这里*/
.section{
width:100%;
height:500px;
border:2px solid red;
background-color: chartreuse;
}
.banner{
width:200px;
height:200px;
margin:0 auto;
background-color: red;
position: relative;
top: -400px;
z-index: 1;
}
.footer{
width: 100%;
height: 200px;
margin-top: -200px;
background-color: aquamarine;
border:2px solid red;
}
.footer-left{
width: 100px;
height: 100px;
background-color: #FF0000;
float:left;
margin: 50px 50px;
}
.footer-right{
width: 100px;
height: 100px;
background-color: #FF0000;
float:right;
margin: 50px 50px;
}
</style>
</head>
<body>
<div class="section">
</div>
<div class="banner"></div>
<div class="footer">
<div class="footer-left">
</div>
<div class="footer-right">
</div>
</div>
</body>
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星