初学HTML 有个简单的小问题帮忙看一下_html/css_WEB-ITnose

nbsp;html public "-//w3c//dli xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dli/xhtml1-transitional.dli">*{margin:0;padding:0}#one{width:800px;height:500px;background:blue;}#two{width:500px;height:300px;background:red;}#three{width:100px:height:100px;background:green;}
one
two
three

登录后复制

很简单的2级嵌套  
但是所得到的效果却很反常 那个three我设定的大小是100*100 可为什么得到的图形是一个长条呢

回复讨论(解决方案)

FF 和IE都这样

FF 和IE都这样

width:100px:height:100px;
大哥 100px:height 你这里中间分割的是冒号不是分号
改成分号吧

  #three{width:100px:height:100px;background:green;}

登录后复制

这地方错了。

  #three{width:100px;height:100px;background:green;}

登录后复制