css - overflow-x 无效
本文介绍了css - overflow-x 无效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
html解构如下
<div>
<span class="span1"></span>
<span class="span2"></span>
</div>
css代码如下
div{
width:300px;
overflow-x:auto;
}
span{
display:inline-block;
width:200px;
float:left;
height:200px;
}
.span1{
background-color:#f00;
}
.span2{
background-color:#00f;
}
为什么span2会移到下一行,而不是出现水平滚动条?
解决方案
哈哈,这个问题其实解决起来很简单,,不是overflow-x失效了,,你需要在宽度为300div的里面再加一个div,宽度设置要超过300,这样就会出现横轴滚动条了
这篇关于css - overflow-x 无效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文