我正在创建一个两列布局，其中一列具有固定值，另一列没有。下面的代码是一个简单的例子：
content: ""; display: table; clear: both;
但是，当我的列中有长内容时，水平滚动条是可见的。如何控制？我可以，或者应该，增加我的clearfix代码吗？第一次
jyztefdp1#
我可以看出问题出在margin-right属性上。为什么它必须是正确的呢？它会在右边创建一个不可见的空间，从而创建hoz滚动条。你可以简单地将其更改为margin-left，并使用相同的值，它仍然可以工作（没有hoz滚动条）。第一个或者你可以在.panel类中使用display: flex和在.fixed类中使用flex-shrink: 0并去掉其他类的代码，结果是一样的。第一次编辑：另一种修复方法是将overflow-x: hidden添加到类.panel中，hoz滚动将消失。
margin-right
margin-left
.panel
display: flex
.fixed
flex-shrink: 0
overflow-x: hidden
1条答案
按热度按时间jyztefdp1#
我可以看出问题出在
margin-right属性上。为什么它必须是正确的呢？它会在右边创建一个不可见的空间，从而创建hoz滚动条。你可以简单地将其更改为margin-left，并使用相同的值，它仍然可以工作（没有hoz滚动条）。第一个
或者你可以在
.panel类中使用display: flex和在.fixed类中使用flex-shrink: 0并去掉其他类的代码，结果是一样的。第一次
编辑：另一种修复方法是将
overflow-x: hidden添加到类.panel中，hoz滚动将消失。