2级DIV没有浮动左对齐效果,也没有颜色效果 50
<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档<...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#zong {
height: 400px;
width: 800px;
background-color: #FF0000;
float: left;
}
#zong #1 {
background-color: #000000;
height: 220px;
width: 220px;
float: left;
}
#zong #2 {
background-color: #0000FF;
height: 220px;
width: 220px;
float: left;
}
-->
</style>
</head>
<body>
<div id="zong">此处显示 id "zong" 的内容
<div id="1">此处显示 id "1" 的内容</div>
<div id="2">此处显示 id "2" 的内容</div>
</div>
</body>
</html>
这是DREAMWAVER中的效果
这是浏览器中的效果~?怎么回事~? 展开
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#zong {
height: 400px;
width: 800px;
background-color: #FF0000;
float: left;
}
#zong #1 {
background-color: #000000;
height: 220px;
width: 220px;
float: left;
}
#zong #2 {
background-color: #0000FF;
height: 220px;
width: 220px;
float: left;
}
-->
</style>
</head>
<body>
<div id="zong">此处显示 id "zong" 的内容
<div id="1">此处显示 id "1" 的内容</div>
<div id="2">此处显示 id "2" 的内容</div>
</div>
</body>
</html>
这是DREAMWAVER中的效果
这是浏览器中的效果~?怎么回事~? 展开
展开全部
你的id选择器的命名有问题,选择器的名称不能只是数字,它必须是字母或下划线开头的。所以,把
#zong #1 {
……
}
#zong #2 {
……
}
中的#1,#2改成字母或下划线开头的名称就可以了。
#zong #1 {
……
}
#zong #2 {
……
}
中的#1,#2改成字母或下划线开头的名称就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
id 和 class 命名的时候 不能用数字开头!~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把 <!----> 拿掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询