首頁 > web前端 > html教學 > 初学HTML 有个简单的小问题帮忙看一下_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-21 08:59:53
原創
1177 人瀏覽過

<!DOCTYPE html PUBLIC "-//W3C//Dli XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dli/xhtml1-transitional.dli"><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}	#one{width:800px;height:500px;background:blue;}	#two{width:500px;height:300px;background:red;}	#three{width:100px:height:100px;background:green;}</style></head><body>	<div id = "one">		one		<div id = "two">			two			<div id = "three">				three			</div>		</div>	</div></body>
登入後複製


很简单的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;}
登入後複製

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板