Maison >interface Web >tutoriel HTML >初学HTML 有个简单的小问题帮忙看一下_html/css_WEB-ITnose
初学HTML 有个简单的小问题帮忙看一下_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 08:59:531178parcourir
<!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;} Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：【CSS】body元素的background-image越界_html/css_WEB-ITnoseArticle suivant：CSS兼容性_html/css_WEB-ITnose