DW中，在css设置的无法显示是怎么回事？
<body><divid="1"><divid="2">2div><divid="3">3div></div><divid="4">4div></body>css样式设置...
<body>
<div id="1">
<div id="2">2div>
<div id="3">3div>
</div>
<div id="4">4div>
</body>
css样式设置如下,我没看出什么问题
#1 {
float: left;
width: 700px;
height: 50px;
}
#2 {
float: left;
height: 50px;
width: 500px;
}
#3 {
float: left;
height: 50px;
width: 200px;
}
#4 {
float: left;
height: 50px;
width: 700px;
}
按结果说，应该是23一行，4再单独一行。
但是出来的是234各一行。
而且我还给每个设置了背景颜色，也是出不来。
我真的是很想很想知道为什么..... 展开
<div id="1">
<div id="2">2div>
<div id="3">3div>
</div>
<div id="4">4div>
</body>
css样式设置如下,我没看出什么问题
#1 {
float: left;
width: 700px;
height: 50px;
}
#2 {
float: left;
height: 50px;
width: 500px;
}
#3 {
float: left;
height: 50px;
width: 200px;
}
#4 {
float: left;
height: 50px;
width: 700px;
}
按结果说，应该是23一行，4再单独一行。
但是出来的是234各一行。
而且我还给每个设置了背景颜色，也是出不来。
我真的是很想很想知道为什么..... 展开
5个回答
展开全部
div标签没有结束，你说颜色不出来可能也是因为这个导致的！！！！
<html>
<style type="text/css">
#1 {
width:700px;
background-color:#eeeeee;
}
#2 {
float:left;
width:500px;
background-color:#00ff00;
}
#3 {
float:left;
width:200px;
background-color:#ff0000;
}
#4 {
width: 700px;
background-color:#ffff00;
}
</style>
<body>
<div id="1">
<div id="2">2</div>
<div id="3">3</div>
</div>
<div id="4">4</div>
</body>
<html>
<html>
<style type="text/css">
#1 {
width:700px;
background-color:#eeeeee;
}
#2 {
float:left;
width:500px;
background-color:#00ff00;
}
#3 {
float:left;
width:200px;
background-color:#ff0000;
}
#4 {
width: 700px;
background-color:#ffff00;
}
</style>
<body>
<div id="1">
<div id="2">2</div>
<div id="3">3</div>
</div>
<div id="4">4</div>
</body>
<html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是怎么写的哟,
<body>
<div id="1">
<div id="2">2div>
<div id="3">3div>
</div>
<div id="4">4div>
</body>
自己好好看看你怎么写的哟!
好像上是这样写的吧!
<body>
<div id="1">
<div id="2">2<div>//少了"<"
<div id="3">3<div>//同上
</div>
<div id="4">4<div>
</body>
css样式设置如下,我没看出什么问题
#1 {
width: 700px;
height: 50px;
}
#2 {
float: left;
height: 50px;
width: 500px;
}
#3 {
float: left;
height: 50px;
width: 200px;
}
#4 {
height: 50px;
width: 700px;
}
<body>
<div id="1">
<div id="2">2div>
<div id="3">3div>
</div>
<div id="4">4div>
</body>
自己好好看看你怎么写的哟!
好像上是这样写的吧!
<body>
<div id="1">
<div id="2">2<div>//少了"<"
<div id="3">3<div>//同上
</div>
<div id="4">4<div>
</body>
css样式设置如下,我没看出什么问题
#1 {
width: 700px;
height: 50px;
}
#2 {
float: left;
height: 50px;
width: 500px;
}
#3 {
float: left;
height: 50px;
width: 200px;
}
#4 {
height: 50px;
width: 700px;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
#a1{
background-color:#CC0000;
height:50px;
width:700px;
float:left;}
#a2
{
float:
left;
height:
50px;
width:
500px;
}
#a3
{
float:
left;
height:
50px;
width:
200px;
}
#a4
{
height:
50px;
width:
700px;
background-color:#006699;
}
</style>
<body>
<div
id="a1">
<div
id="a2">2</div>
<div
id="a3">3</div>
</div>
<div
id="a4">4<div>
</body>
#a1{
background-color:#CC0000;
height:50px;
width:700px;
float:left;}
#a2
{
float:
left;
height:
50px;
width:
500px;
}
#a3
{
float:
left;
height:
50px;
width:
200px;
}
#a4
{
height:
50px;
width:
700px;
background-color:#006699;
}
</style>
<body>
<div
id="a1">
<div
id="a2">2</div>
<div
id="a3">3</div>
</div>
<div
id="a4">4<div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
#a1{
background-color:#CC0000; height:50px; width:700px; float:left;}
#a2 {
float: left;
height: 50px;
width: 500px;
}
#a3 {
float: left;
height: 50px;
width: 200px;
}
#a4 {
height: 50px;
width: 700px;
background-color:#006699;
}
</style>
<body>
<div id="a1">
<div id="a2">2</div>
<div id="a3">3</div>
</div>
<div id="a4">4<div>
</body>
#a1{
background-color:#CC0000; height:50px; width:700px; float:left;}
#a2 {
float: left;
height: 50px;
width: 500px;
}
#a3 {
float: left;
height: 50px;
width: 200px;
}
#a4 {
height: 50px;
width: 700px;
background-color:#006699;
}
</style>
<body>
<div id="a1">
<div id="a2">2</div>
<div id="a3">3</div>
</div>
<div id="a4">4<div>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
