javascript - 如何让小 div 靠近可​​调整大小的容器边框?

标签 javascript jquery css

用我所拥有的更容易解释:http://jsfiddle.net/Kuq5a/

我的目标是使所有四个彩色框与虚线框的每个 Angular 保持相同的距离(每条方向 10 像素)。当边界框是静态的时候很容易,但在我的例子中,它会被用户调整大小, slider 作为一种方法。

具体来说,当边界框变大时,我试图让绿色向右滑动,蓝色向下滑动,黄色向右下方倾斜。

我的 friend 建议使用 position: absolute 但它没有满足我的需要。用灰色框显示,它们附着在整个窗口上!

最佳答案

我做到了:JSFiddle

我用 top: 10px bottom: 10px 代替。

我不太确定灰色框应该如何 react ,所以我没有改变它们的属性......

关于javascript - 如何让小 div 靠近可​​调整大小的容器边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10261306/

相关文章:

jquery - Uncaught ReferenceError : FixedColumns is not defined

css - Wordpress 和 960 网格系统的问题

css - Symfony2 : Stylesheets loaded but not applied on NGINX leading to broken error pages

javascript - 如何在自己的应用程序中显示来自 Alfresco 的文档?

javascript - Firefox 上的 moment.js 问题

javascript - 缺少 jQuery Mobile js 会扰乱我页面上的某些元素

javascript - 使用Jquery拖放,从拖放的div中获取值

html - CSS 宽度百分比精度

javascript - 部署后 react 路由器 url 问题

php - 自定义 javascript 函数中未定义的参数