布局的那些事儿

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