布局的那些事儿
<!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 浮动上去。 我依稀记得有一条属性可以做到，现在不记得了
你造吗_浏览 1748回答 6
6回答
-
愁晴
<!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>这是代码！ -
一步十年
边框也算宽，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部分不变，你看下吧 -
小小酥1992
你3个盒子的左右边框就占了6px;如果你还是用33.333%，怎么可能还够位置放呢？ -
X_xiaob
你确定你的CSS有错误 33.333%*3=99.999 但是你的子DIV中有边框啊1px*3
随时随地看视频慕课网APP
CSS3
Html/CSS
Html5