首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >两个div并排-流体显示

两个div并排-流体显示
EN

Stack Overflow用户
提问于 2013-06-20 23:29:37
回答 9查看 757.3K关注 0票数 254

我试图把两个div并排放在一起,并使用下面的CSS。

代码语言:javascript
复制
#left {
  float: left;
  width: 65%;
  overflow: hidden;
}

#right {
  overflow: hidden;
}

HTML很简单,在一个包装器div中有两个左div和右div。

代码语言:javascript
复制
<div id="wrapper">
  <div id="left">Left side div</div>
  <div id="right">Right side div</div>
</div>

我也试过很多次在StackOverflow和其他网站上搜索更好的方法,但都找不到确切的帮助。

因此,代码初看起来运行良好。问题是,当我增加width in (%)时,左边的div会自动得到填充/边距。因此,在65%宽度时,左边的div有一些填充或边距,并且与右边的div不完全对齐,我尝试填充/边距为0,但没有成功。其次,如果我放大页面,右边的div会滑到左边的div下面,这就像不是流体显示。

注:很抱歉,我已经搜索了很多。这个问题已经被问了很多次了,但这些答案对我没有帮助。我已经解释了我的问题所在。

我希望有办法解决这个问题。

谢谢。

编辑:对不起,我的HTML问题,左边和右边都有两个"box“div,他们有%的填充,所以左边显示了更多的填充,因为更大的宽度。抱歉,上面的CSS效果很好,它的流畅显示和修复,很抱歉问错了问题…

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17217766

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档