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

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

WBOY
Freigeben: 2016-06-21 08:59:53
Original
1166 Leute haben es durchsucht

<!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>
Nach dem Login kopieren


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


回复讨论(解决方案)

FF 和IE都这样

FF 和IE都这样


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

  #three{width:100px:height:100px;background:green;}
Nach dem Login kopieren



这地方错了。
  #three{width:100px;height:100px;background:green;}
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage