大佬教程收集整理的这篇文章主要介绍了两个div并排-流体显示，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
在我当前的网站上使用此CSS。完美的作品！
#sIDes{
margin:0;
}
#left{
float:left;
wIDth:75%;
overflow:hidden;
}
#right{
float:left;
wIDth:25%;
overflow:hidden;
}
我试图并排放置两个div，并使用以下CSS。
#left {
float: left;
width: 65%;
overflow: hidden;
}
#right {
overflow: hidden;
}
HTML很简单，在包装div中有两个左和右div。
<div id="wrapper">
<div id="left">Left side div</div>
<div id="right">Right side div</div>
</div>
我已经尝试了很多次，也在StackOverflow和其他站点上寻找更好的方法，但是找不到确切的帮助。
因此，乍一看该代码可以正常工作。问题是，随着我增加（％）的宽度，左div自动获得填充/边距。因此，在65％的宽度处，左div有一些填充或边距，并且与右div并不完全对齐，我尝试填充/边距0但没有运气。其次，如果我放大页面，则右div会滑到左div之下，这就像没有流畅的显示一样。
注意：很抱歉，我进行了很多搜索。这个问题已经被问过很多次了，但是这些答案并没有帮助我。我已经说明了我的问题所在。
我希望有解决办法。
谢谢。
编辑：对不起，我是HTML问题，在左右两侧都有两个“ box”
div，它们的填充百分比为％，所以左侧由于宽度较大而显示了更多的填充。抱歉，以上CSS完美运行，显示流畅并已修复，很抱歉提出错误的问题&Hellip;
以上是大佬教程为你收集整理的两个div并排-流体显示全部内容，希望文章能够帮你解决两个div并排-流体显示所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。