<!DOCTYPE html><html><head> <title></title></head><style type="text/css"> .a{ width: 1000px; background-color: #333; overflow: auto; } .z{ width: 33.3333%; float: left; height: 100px; border: 1px solid red; } .x{ width: 33.3333%; height: 100px; float: left; border: 1px solid yellow; } .c{ width: 33.3333%; height: 100px; float: left; border: 1px solid #fff; }</style><body><div class="a"> <div class="z"></div> <div class="x"></div> <div class="c"></div></div></body></html>在不影响宽度的情况下 让div。c 浮动上去。 我依稀记得有一条属性可以做到，现在不记得了
6 回答
愁晴
TA贡献4条经验 获得超2个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.a{
width: 1000px;
background-color: #333;
overflow: auto;
-webkit-columns:3;
-moz-columns:3;
columns:3;
-webkit-column-gap:0;
-moz-column-gap:0;
column-gap:0;
}
.z{
height: 100px;
border: 1px solid red;
}
.x{
height: 100px;
border: 1px solid yellow;
}
.c{
height: 100px;
border: 1px solid #fff;
}
</style>
</head>
<body>
<div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
这是代码！
一步十年
TA贡献11条经验 获得超0个赞
边框也算宽，3条边框总共占了6px,3个百分比+6px总长超盒子1000px了，在不影响宽度的情况下 让div。c 浮动。把边框改成background颜色就行了，如果你硬要那样弄是无法实现，代码问题。再说宽度搞百分比小数个人觉得好奇怪，根本就达不到前端精确的要求、要么改成
<style type="text/css">
.a{
width: 1000px;
background-color: blue;
}
.z{
width: 30%;
float: left;
height: 100px;
border: 1px solid red;
}
.x{
width: 394px;
height: 100px;
float: left;
border: 1px solid yellow;
}
.c{
width: 30%;
height: 100px;
float: left;
border: 1px solid green;
}
</style>
body部分不变，你看下吧
- 6 回答
- 0 关注
- 1747 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消