有这么一个原始的html/css
body {
margin: 0;
}
.main {
display: flex;
overflow-x: auto;
}
.main_section {
background-color: #f00;
width: 100%;
height: 100vh;
}
.main_video {
background-color: #ff0;
width: 200%;
height: 100vh;
}
<main class="main">
<div class="main_section">
</div>
<div class="main_video">
</div>
</main>
如何使该部分main_section
占据屏幕的整个宽度,并且该对象本身.main
可以水平滚动,但不添加垂直滚动。我试图重复这个例子中的黑客行为。但出了点问题。.main_section {min-width:100vw;}
如果我对机器人的质量不满意(不滚动),它就可以工作。
如果我正确理解你的要求,那就是:
我设置了宽度以显示水平滚动