61,112
社区成员
发帖
与我相关
我的任务
分享如何设置两个浮动的子div在它们宽度之和大于父宽时在一行显示？
我想设置一个定义了宽高的父div下的两个向左浮动的子div在它们宽度之和大于父宽时产生滚动条且不换行，但试了好几次都不行，还是换行了！我知道不用浮动用相对定位可以产生滚动条。但各位大神，如果继续保持浮动这个问题该怎么解决呢？谢谢了
...全文
请发表友善的回复…
发表回复
神经质女孩 2015-03-25
- 打赏
- 举报
以下是实现代码，不知道是不是你想要的
<style>
.box {
width:1000px;
height:150px;
background:#ececec;
overflow-y:hidden;
white-space: nowrap
}
.box .one {
width:300px;
height:250px;
background:red;
display:inline-block;
}
.box .two {
width:800px;
height:250px;
background:blue;
display:inline-block;
}
</style>
<div class="contain">
<div class="box">
<div class="one"></div>
<div class="two"></div>
</div>
</div>
xhydwufu 2015-03-24
- 打赏
- 举报
这样啊 我也是因为里边浮动子盒子是别人做的，我是做外边框架的，遇到这个问题不懂...
滴滴月空雨 2015-03-23
- 打赏
- 举报
你这不合逻辑啊 ，为什么要宽度之和大于父宽呢……大于父宽还不用定位，用浮动这不能实现吧！
浮动元素的总的宽度大于父盒子宽度时，子盒子无法一行显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
