html - 侧边栏不会向右浮动

Question

我已经搜索过了。我试过了。还没有任何效果。我是新手，但我之前 float div没问题。这与 flexbox 粘性页脚有关吗？我以前没有这样做过。我没有看到连接，但谁知道呢。我只需要一个主要部分和侧边栏。我不能那么努力。提前致谢。这是我的代码:HTML:

<section>A technology services company supporting the solid rocket motor industry, airbag igniters, as well as Statistical Process Control support and training for manufacturing industries in general.</section>

<aside class="sidebar">Content for  class "sidebar" Goes Here</aside>

<footer>
  <div class="footer-wrapper">Content for  class "footer" Goes Here</div>
</footer>

</div></body>
</html>


section {
    display: block;
    width: 65%;
    float: left;
    background-color:#999999;
    padding: 20px;
    font-size: 1.5em;
    flex: 1 0 auto;
}
.sidebar{
    display: block;
    background-color: #F9E903;
    width: 25%;
    height: auto;
    padding: 0px;
    float: right;

}
footer {
    clear: both;
    background-color: black;
    font-size: 1.1em;
    color: white;
    padding: 15px   
}

Answer 1

它对我来说一直有效，直到移动设备为止，此时问题是您在 section 元素上的 20px 填充会影响您的百分比。您可以这样做来修复它，我还在该部分中添加了 10%，因此中间没有 10% 的额外空间，但如果需要，您可以将其减少回 65%:

section{
  width: calc(75% - 40px);
  padding: 40px;
}

每当您对某物使用百分比宽度并且具有边距或填充的像素值时，请确保使用计算从宽度中减去累积像素值，否则会导致缩放问题。