
css 背景颜色控制
body里有很多div,div全部是float:left;的,现在有个问题要解决,从某div到某div的过程设一个背景颜色,如果套个div,则就换行了,不会追尾显示,有办...
body里有很多div,div 全部是float:left;的,现在有个问题要解决,从某div到某div的过程设一个背景颜色,如果套个div,则就换行了,不会追尾显示,有办法可以实现吗?
JS或者加div用css控制? 展开
JS或者加div用css控制? 展开
3个回答
展开全部
不须要再套个DIV。
给每个DIV 定个class,相同背景颜色的class值设为同一。
如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>007</title>
<style type="text/css">
.box{ width:500px; height:300px;border:1px solid #eee; }
.aa{ width:100px; height:50px; float:left; border:1px solid #eee;}
.bb{ background:#eee;}
.cc{ background:#ccc;}
</style>
</head>
<body>
<div class="box">
<div class="aa bb">01</div>
<div class="aa bb">02</div>
<div class="aa cc">03</div>
<div class="aa cc">04</div>
</div>
</body>
</html>
给每个DIV 定个class,相同背景颜色的class值设为同一。
如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>007</title>
<style type="text/css">
.box{ width:500px; height:300px;border:1px solid #eee; }
.aa{ width:100px; height:50px; float:left; border:1px solid #eee;}
.bb{ background:#eee;}
.cc{ background:#ccc;}
</style>
</head>
<body>
<div class="box">
<div class="aa bb">01</div>
<div class="aa bb">02</div>
<div class="aa cc">03</div>
<div class="aa cc">04</div>
</div>
</body>
</html>
展开全部
css样式表里面加入
.clear {
float: none;
}
在需要换行的地方加入
<div class="clear"></div>
他的意思就是清除浮动。
另外如果还有不对齐的,你可以用在css中加入
* {
margin: 0px;
padding: 0px;
}
来做检查。
.clear {
float: none;
}
在需要换行的地方加入
<div class="clear"></div>
他的意思就是清除浮动。
另外如果还有不对齐的,你可以用在css中加入
* {
margin: 0px;
padding: 0px;
}
来做检查。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
加Clear属性的定义
参考学习资料 xin3721视频教程网
参考学习资料 xin3721视频教程网
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询