Javascript html div百分比-不准确？
如果我有一个div 100px 100px 我定义了10x的子div，它们应该用10px x 10px彼此相邻 为什么不呢 请在浏览器中试用：Javascript html div百分比-不准确？,javascript,jquery,html,css,responsive-design,Javascript,Jquery,Html,Css,Responsive Design,如果我有一个div 100px 100px 我定义了10x的子div，它们应该用10px x 10px彼此相邻 为什么不呢 请在浏览器中试用： 在你发布的链接中，你有12个元素，而不是10个元素。此外，您还有一个不必要的标记。解决这两个问题，它们就可以放在一行中 删除了和最后两个标记。在您提供的链接中，在最后一个.relative div之后有一条特征线。删除它，它将正常工作。对我来说效果很好-每条线上有十个div完全适合100px的盒子-不是10个div，而是12个div。该死的-我经常监督显
在你发布的链接中，你有12个元素，而不是10个元素。此外，您还有一个不必要的标记。解决这两个问题，它们就可以放在一行中
删除了和最后两个标记。在您提供的链接中，在最后一个.relative div之后有一条特征线。删除它，它将正常工作。对我来说效果很好-每条线上有十个div完全适合100px的盒子-不是10个div，而是12个div。该死的-我经常监督显而易见的事情。很抱歉打扰你，我们都会遇到这种事。干杯
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Statisches Layout</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
border: 0px;
}
html,body {
height: 100%;
width: 100%;
}
.container {
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 0px;
top: 0px;
}
.relative {
width: 10%;
height: 10%;
background: yellow;
position: relative;
float: left;
}
.fixed {
height: 10px;
width: 10px;
background: blue;
position: relative;
float: left;
}
</style>
<body>
<div class="container">
<div class="relative">
</div>
<div class="relative">
</div>
<div class="relative">
</div>
<div class="relative">
</div>
<div class="relative">
</div>
<div class="relative">
</div>
<div class="fixed">
</div>
<div class="fixed">
</div>
<div class="fixed">
</div>
<div class="fixed">
</div>
<div class="fixed">
</div>
<div class="fixed">
</div>
</div>
</body>
</html>