jsp,div布局中css问题
jsp：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><titl...
jsp：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/main_main.css" />
<body>
<div class="main1">1</div>
<div class="main2">2</div>
<div class="main3">3</div>
</body>
</html>
main.css
body{
margin: 0px;
padding: 0px;
}
main_main.css
#box{
width: 100%;
}
.main1{
width: 100%;
height: 100px;
background: blue;
}
.main2{
width:100%;
height:200px;
float: left;
background: yellow;
}
.main3{
width:100%;
height:200px;
background: red;
}
需要 蓝 黄 红 3个div的颜色，上面所写的第三个div 没有 颜色 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/main_main.css" />
<body>
<div class="main1">1</div>
<div class="main2">2</div>
<div class="main3">3</div>
</body>
</html>
main.css
body{
margin: 0px;
padding: 0px;
}
main_main.css
#box{
width: 100%;
}
.main1{
width: 100%;
height: 100px;
background: blue;
}
.main2{
width:100%;
height:200px;
float: left;
background: yellow;
}
.main3{
width:100%;
height:200px;
background: red;
}
需要 蓝 黄 红 3个div的颜色，上面所写的第三个div 没有 颜色 展开
展开全部
第二个div给了个float:left导致第二个div浮动了，浮动后脱离文档流，下面的div自动顶上去，两个div重叠了。第二个高于第三个的层级。所以看不到第三个了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
