不用position：absolute怎么实现类似的功能

图中指的地方是用div写出来的根据绝对定位来写位置，现在想要用ng-repeat来实现多个这样的圆圈（如果传回来的数据里有相关值的话），因为要用ng-repeat，所以这些div要公用一个css，用绝对定位的话所有框都挤在一起了，请问要怎么实现呢？

阅读 4.7k

谢谢邀请，其实还是得用position:absoulte;吧
张小猪也回答了方法了，ng-repeat可以根据数据来更改值啊，这样圆的style就可以根据设置变化改变top和left的值就不会挤在一起了。

写了个例子，可以参考下。

<style type="text/css">
.wrap{
    position: relative;
}
.circle{
    background: #CCC;
    border-radius:50%;
    position: absolute;
    width:20px;
    height:20px
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div class="wrap" ng-repeat="x in circles">
    <div class="circle" style=top:{{x.top}};left:{{x.left}}></div>
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.circles = [
    {top:"10px",left:"20px"},
    {top:"30px",left:"80px"},
    {top:"50px",left:"180px"},
    {top:"70px",left:"100px"},
  ]
});
</script>

不用position：absolute怎么实现类似的功能

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何在CSS中实现滚动条不溢出圆角框？

css如何设置纵向滚动条的高度？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？