当前位置：首页 → 问答吧 → ie6层缝隙

ie6层缝隙

时间：2011-08-01

来源：互联网

<!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> <style type="text/css"> .a{ float:left; width:50px; height:50px; background:red; } .b{ float:right; width:50px; height:50px; background:blue; } .c{ margin:0 50px; height:auto; background:gray; padding:15px 0 16px; } </style> </head> <body> <div class="a"></div> <div class="b"></div> <div class="c">1</div> </body> </html>
提示：您可以先修改部分代码再运行

当c块指定高度的时候，c的两层会有缝隙。
哪个大牛有好的解决方式

作者: bluelong47 发布时间: 2011-08-01

试着C 加入float 属性

作者: vallkiss 发布时间: 2011-08-01

<!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> <style type="text/css"> * {margin:0;padding:0;} .a{ float:left; width:50px; height:50px; background:red; } .b{ float:right; width:50px; height:50px; background:blue; } .c{ margin:0 50px; height:auto; background:gray; line-height:50px; } </style> </head> <body> <div class="a"></div> <div class="b"></div> <div class="c">1</div> </body> </html>
提示：您可以先修改部分代码再运行

作者: keywing 发布时间: 2011-08-01

ie6层缝隙

热门阅读

热门下载