div为什么水平方向水平滚动条的滚动框不出现

div中设定overflow-x:auto,但是不出滚动条,td宽度也不是给定的宽度 - ITeye问答
代码如下:
&html&
&head&&/head&
&body style="overflow:"&
&table style="width:100%"&
&td style="width:20%; color:" align="center"&
&div style="background-color:blue"&Left&/div&
&td style="width:80%"&
&div style="width:100%;background-color:padding:10 border:1px solid black"&
&div style="width:100%;overflow-x:overflow-y: padding:10 border:1px solid black"&
&table style="border:1 width:"&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&&td style="width:100"&test&/td&
&/tr&
&/table&
&/body&
&/html&
结果:没有出现横滚动条,table中td的宽度也压缩了,div右侧内边距没了。
如何在保证td的宽度为给定的宽度的前提下,出现横滚动条
如果想要出滚动条,在设置了overflow-x:auto的这个div上设置个固定宽度就好了。
overflow-x: scroll,前提是你设定了宽度了!
已解决问题
未解决问题Div中放不下如何出现横向滚动条,然后一直排过去。
[问题点数:40分,结帖人mssage]
本版专家分:10
结帖率 92.31%
CSDN今日推荐
本版专家分:6971
本版专家分:10
本版专家分:10
本版专家分:29
本版专家分:0
匿名用户不能发表回复!
其他相关推荐只出现纵向滚动条不出现横向滚动条的实现方式
[问题点数:50分]
本版专家分:0
结帖率 50%
CSDN今日推荐
本版专家分:19091
2016年12月 Web 开发大版内专家分月排行榜第二2016年10月 Web 开发大版内专家分月排行榜第二
2017年11月 Web 开发大版内专家分月排行榜第三2017年6月 Web 开发大版内专家分月排行榜第三2017年3月 Web 开发大版内专家分月排行榜第三2017年2月 Web 开发大版内专家分月排行榜第三2017年1月 Web 开发大版内专家分月排行榜第三2016年11月 Web 开发大版内专家分月排行榜第三
本版专家分:505907
年度总版至少三次排名前十即授予名人勋章
2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
2011年 总版技术专家分年内排行榜第六2010年 总版技术专家分年内排行榜第八
本版专家分:124348
2017年 总版技术专家分年内排行榜第七
2018年5月 Web 开发大版内专家分月排行榜第一2018年1月 Web 开发大版内专家分月排行榜第一2017年12月 Web 开发大版内专家分月排行榜第一2017年6月 Web 开发大版内专家分月排行榜第一2017年2月 Web 开发大版内专家分月排行榜第一2016年3月 Web 开发大版内专家分月排行榜第一2015年8月 Web 开发大版内专家分月排行榜第一
2018年7月 Web 开发大版内专家分月排行榜第二2018年6月 Web 开发大版内专家分月排行榜第二2018年4月 Web 开发大版内专家分月排行榜第二2018年3月 Web 开发大版内专家分月排行榜第二2018年2月 Web 开发大版内专家分月排行榜第二2017年11月 Web 开发大版内专家分月排行榜第二2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2016年12月 Web 开发大版内专家分月排行榜第三2016年10月 Web 开发大版内专家分月排行榜第三2016年1月 Web 开发大版内专家分月排行榜第三2015年12月 Web 开发大版内专家分月排行榜第三2015年11月 Web 开发大版内专家分月排行榜第三2015年10月 Web 开发大版内专家分月排行榜第三2015年5月 Web 开发大版内专家分月排行榜第三2015年1月 Web 开发大版内专家分月排行榜第三2014年12月 Web 开发大版内专家分月排行榜第三
本版专家分:200
匿名用户不能发表回复!
其他相关推荐div横向滚动条不出现_百度知道
div横向滚动条不出现
&divclass=&center-left&&&divclass=&orgObjContent&style=&height:474&&&ulid=&orgZTree&class=&ztree&style=&width:239&&&liid=&orgZTree_1&class=&level0&tabindex=&0&hidef...
&div class=&center-left&& &div class=&orgObjContent& style=&height: 474&&
&ul id=&orgZTree& class=&ztree& style=&width: 239&&
&li id=&orgZTree_1& class=&level0& tabindex=&0& hidefocus=&true& treenode=&&&&span id=&orgZTree_1_switch& title=&& class=&button level0 switch root_open& treenode_switch=&&&&/span&&a id=&orgZTree_1_a& class=&level0 curSelectedNode& treenode_a=&& onclick=&& target=&_blank& style=&& title=&全国&&&span id=&orgZTree_1_ico& title=&& treenode_ico=&& class=&button ico_open& style=&&&&/span&&span id=&orgZTree_1_span&&全国&/span&&/a&&ul id=&orgZTree_1_ul& class=&level0 &&&li id=&orgZTree_2& class=&level1& tabindex=&0& hidefocus=&true& treenode=&&&&span id=&orgZTree_2_switch& title=&& class=&button level1 switch bottom_close& treenode_switch=&&&&/span&&a id=&orgZTree_2_a& class=&level1& treenode_a=&& onclick=&& target=&_blank& style=&& title=&广东省&&&span id=&orgZTree_2_ico& title=&& treenode_ico=&& class=&button ico_close& style=&&&&/span&&span id=&orgZTree_2_span&&广东省&/span&&/a&&/li&&/ul&&/li&
&/ul& &/div&&/div&
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
采纳数:658
获赞数:3239
.zree{overflow:hidden},这个属性删除掉即可
来自电脑网络类芝麻团
.zree{overflow:}
为你推荐:
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。扫一扫体验手机阅读
固定DIV不随滚动条滚动
<span type="1" blog_id="1441433" userid='
82篇文章,26W+人气,0粉丝
企业级网安运维
¥51.0064人订阅
鸟瞰Web应用开发
¥51.0026人订阅

我要回帖

更多关于 div横向滚动条 的文章

 

随机推荐