当前位置：首页 → 问答吧 → 布局问题

布局问题

时间：2010-09-18

来源：互联网

<!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" /> <style type="text/css"> <!-- body {margin:0px;font-size:14px;font-family:Arial, Helvetica, sans-serif;} * {margin:0;padding:0} .content {width:99%;margin:0;padding:0;overflow:hidden;} .nav {float:left;height:500px;background:#ccc;width:140px;margin:0;padding:0;} .main {margin-left:155px;height:500px;background:#ccc;width:100%;} </style> </head> <body> <div class="content"> <div class="nav"></div> <div class="main"></div> </div> </body> </html>
提示：您可以先修改部分代码再运行

右侧怎么跑到下面了？这是什么原因造成的？

作者: rainbowbin 发布时间: 2010-09-18

ie下面确实存在此问题。把右侧的宽度100%去掉。右侧你是固定宽度，为何后来又给声明了百分比宽度呢？这会把前面的定宽覆盖掉。另外想问下楼主知道这句规则的意思不*{margin:0;padding:0;}，楼主弄清楚了的话，会把自己冗余的代码去掉的。

作者: xmlovedoudou 发布时间: 2010-09-18

明白

作者: rainbowbin 发布时间: 2010-09-18