| @@ -52,18 +52,6 @@ | |||||
| <div class="clear"></div> | <div class="clear"></div> | ||||
| </div> | </div> | ||||
| <div class="box1"> | |||||
| <div class="wrap"> | |||||
| <ul> | |||||
| <li>1移动端</li> | |||||
| <li>2可滑动</li> | |||||
| <li>3ie8以上</li> | |||||
| <li>4</li> | |||||
| <li>5</li> | |||||
| </ul> | |||||
| </div> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -134,28 +122,7 @@ | |||||
| </script> | </script> | ||||
| <style scoped lang="scss"> | <style scoped lang="scss"> | ||||
| .box1{ | |||||
| width: 100PX; | |||||
| height: 60PX; | |||||
| overflow: hidden;/* 超出隐藏滚动条 */ | |||||
| background-color: skyblue; | |||||
| } | |||||
| .box1 .wrap{ | |||||
| width: 100PX;/* 和父盒子宽度一样 */ | |||||
| height: 76PX;/* 比里层元素高16px 为了隐藏滚动条*/ | |||||
| overflow-x: scroll;/* 定义超出此盒子滚动 */ | |||||
| overflow-y: hidden; | |||||
| } | |||||
| .box1 .wrap ul{ | |||||
| width: 300PX; | |||||
| display: flex; | |||||
| } | |||||
| .box1 .wrap ul li{ | |||||
| flex: 1; | |||||
| width: 60PX; | |||||
| height: 60PX; | |||||
| box-sizing: border-box; | |||||
| } | |||||
| .home_wrapper{ | .home_wrapper{ | ||||
| background: #e9e9e9; | background: #e9e9e9; | ||||
| min-height: 100vh; | min-height: 100vh; | ||||