当前位置：首页 → 问答吧 → IE6中层宽度100%时，包含了外层滚动条的宽度，请教这个要怎么解决？

IE6中层宽度100%时，包含了外层滚动条的宽度，请教这个要怎么解决？

时间：2011-05-15

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div style="width:200px; height:200px; overflow-y:scroll; overflow:hidden; background-color:#CCC;"> <div style="border:1px solid red; width:100%;">IE6中层宽度100%时，包含了外层滚动条的宽度，请教这个要怎么解决？</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: jhsybin 发布时间: 2011-05-15

两种方法

方法一：去掉内层width

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div style="width:200px; height:200px; overflow-y:scroll; overflow:hidden; background-color:#CCC;"> <div style="border:1px solid red;"> IE6中层宽度100%时，包含了外层滚动条的宽度，请教这个要怎么解决？</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

方法二：一定要设置width:100%的话就给中间加一层div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div style="width:200px; height:200px; overflow-y:scroll; overflow:hidden; background-color:#CCC;"> <div> <div style="border:1px solid red; width="100%">IE6中层宽度100%时，包含了外层滚动条的宽度，请教这个要怎么解决？</div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 bboyjoin 于 2011-5-16 00:07 编辑 ]

作者: bboyjoin 发布时间: 2011-05-16