关于overflow适配IE的问题
来源:互联网 发布:成都大数据协会 编辑:程序博客网 时间:2024/06/05 07:48
今天做页面的时候,遇到了一个问题。
在一个大的DIV里面 放入了几个并排的小DIV,超出大DIV的部分不换行,会隐藏。
最开始是在父级DIV增加了overflow:hidden,display:flexbox,display:box,display:-ms-flexbox
display:-ms-flexbox添加这一句的作用主要是想适配IE浏览器,但是在浏览器中展示的时候遇到了问题。
其余的浏览器都展示正常,子div的超出部分隐藏了,但是在IE浏览器中没有超出部分,所有的子div自动拉伸,
铺满了整个div,搜索了很久,未找到适合我的页面布局的解决方案。
最后舍弃了在父级div中使用overflow:hidden属性,改为了overflow:auto属性。
并且在父级div和子级的几个div中间加了一层二级div,并给div了一个white-space: nowrap;属性。
该属性的作用是强制不换行,最终达到了我需要的效果。
中间遇到了一个小的展示问题,即子级div之间会有空白,后来发现空来是由于html代码中子级div换行显示导致,
最终把子级div不换行显示,达到最终效果。
学无止境,继续为解决一切BUG而奋斗不止,
阅读全文
0 0
- 关于overflow适配IE的问题
- IE 6下overflow:hidden无效的问题
- android--------关于ActionBar的Overflow问题
- EXTJS IE下报stack overflow 问题
- IE中overflow:hidden失效问题
- 关于ie被搜狗强的问题。。。
- 关于ie兼容性的问题
- 关于在IE下JavaScript的 Stack overflow at line 错误可能的原因
- 关于堆溢出(Stack overflow)问题的解决
- 关于Android ActionBar 一直显示overflow的一些问题
- stack overflow的问题
- stack overflow的 问题
- IE overflow:hidden失效的解决方法:
- IE下overflow:hidden失效的解决方法
- IE overflow:hidden失效的解决方法
- 关于overflow hidden的研究
- [html] 关于overflow 的用法
- 关于IE出现问题的解决方法
- 用JS获取地址栏参数的方法(超级简单)
- 通用块层和SCSI层--块设备队列
- 优秀工程师-UISlider
- java高并发案例详细讲解
- 第七周||数据结构之自建算法库——链队(链式队列)
- 关于overflow适配IE的问题
- 第7周项目1 建立顺序环形队列算法库
- linux编辑器vim常用命令
- adb命令行保存logcat信息
- 日常小结篇-日期处理(java程序,Oracle数据库)
- 字符串算法——二维有序数组中查找目标值(Search a 2D Matrix)
- VMware虚拟机中如何配置静态IP
- 选择排序
- HDU 5924 Mr. Frog’s Problem