相关疑难解决方法(0)

两个div并排 - 流体显示

我试图并排放置两个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工作完美,流畅的显示和固定,抱歉提出错误的问题......

html css fluid fluid-layout

205
推荐指数
5
解决办法
58万
查看次数

标签 统计

css ×1

fluid ×1

fluid-layout ×1

html ×1