我试图并排放置两个div并使用以下CSS.
#left {
float: left;
width: 65%;
overflow: hidden;
}
#right {
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
HTML很简单,包装div中有两个左右div.
<div id="wrapper">
<div id="left">Left side div</div>
<div id="right">Right side div</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我已经尝试了很多次在StackOverflow和其他网站上搜索更好的方法,但找不到确切的帮助.
所以,乍一看代码工作得很好.问题是这样,当我增加宽度(%)时左边的div会自动获得填充/边距.因此,在宽度为65%时,左边的div有一些填充或边距,并且与右边的div完全对齐,我试图填充/边距0但没有运气.其次,如果我放大页面,右边的div会在左边的div下方滑动,它就像流畅的显示一样.
注意:对不起,我搜索了很多.这个问题已被多次询问,但这些答案对我没有帮助.我已经解释了我的问题是什么.
我希望有一个解决方法.
谢谢.
编辑:对不起,我的HTML问题,左侧和右侧都有两个"盒子"div,它们的填充率为%,因此左侧显示更多填充,因为宽度更大.对不起,上面的CSS工作完美,流畅的显示和固定,抱歉提出错误的问题......