关于设置banner最外层div宽度的问题
/*总体*/
*{
margin:0;
text-decoration:none;
font-family:"Microsoft YaHei";
color:#666;
font-size:22px;
}
body{
padding:10px;
min-width:1020px;
background-color:#eee;
}
/*标签*/
.tab{
height:45px;
padding-right:5px;
text-align:center;
border:1px dashed #eee;
border-bottom:none;
border-radius:5px;
background-color:#fff;
}
.tab div,.active{
margin-top:5px;
margin-left:5px;
width:24%;
display:inline-block;
}
.tab .active{
background-color:#FC0;
border-radius:5px;
}
.tab a{
line-height:40px;
}
/*图片*/
img{
width:100%;
display:none;
float:left;
}<!DOCTYPE html> <!DOCTYPE html> <html> <head> <title>carousel6-2</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="CSS/carousel6-2.css"> </style> </head> <body> <div id="banner"> <!--标签--> <div class="tab" id="tab"> <div><a href="#">首页</a></div> <div><a href="#">点击看看</a></div> <div><a href="#">会自动的</a></div> <div><a href="#">我的网站</a></div> </div> <!--图片--> <div class="img" id="img"> <img src="image/img1.jpg"> <img src="image/img2.jpg"> <img src="image/img3.jpg"> <img src="image/img4.jpg"> </div> </div> <script type="text/javascript" src="JS/carousel6-2.js"></script> </body> </html>
我一直很疑惑，因为大家的显示器各不相同，所以我都很纠结要怎么设置最外层容器的宽度。但是如果不设置，内容会根据窗口宽度自动适应，占满窗口，所以我就一般选择不设置宽度。
还有因为窗口大小可以调整，我希望内容也可以根据窗口的大小来自动调整，所以我一般会在选择在宽度设置的时候使用百分比，，，但是确实就会带来一些相应的问题。。emmmm，，我也不太知道我要表达的问题。。。。。。
大概就是很纠结要不要设置总体宽度以及如果要设置，设置多少合适吧，，
0
收起
正在回答
2回答
这个需要具体情况具体分析的 . 如果作业没有要求 , 就不需要考虑自适应 . 本阶段是不需要考虑的 . 自适应属于阶段的知识 , 同学可以在学习进阶课程的时候在去了解 .
同学不要担心 , 按照要求来就可以了 .如果在做作业的时候有疑问 . 可以在问答区域提问或者上传作业 . 老师们会根据你的代码 ,准确的帮助你解决问题的 .
祝学习愉快 ,望采纳 .
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星