Question

我有一个div，其CSS最初定义为：

.mydiv {
    position: absolute;
    top: 60px;
    left: 60px;
    right: 60px;
    bottom: 60px;
    background-color: cyan;
    overflow: hidden;
}

与屏幕边界的距离相等，我想通过jQuery使其可拖动。由于右边和底部的CSS指令，这不起作用。

所以我的下一个想法是使用这个CSS定义：

.mydiv {
    position: absolute;
    width: 90%;
    height: 90%;
    margin-left: 5%;
    margin-top: 5%;
    background-color: cyan;
    overflow: hidden;
}

根据我的理解，会创建一个宽度和高度等于屏幕宽度/高度的90％的div，另外边距指令（每边5％）会将它定位在屏幕的中心。 / p>

此解决方案似乎不适用于100％。

水平工作，div水平居中但垂直方向，底部空间小于顶部空间。这不是我想要的。

我知道我可以使用calc()以不同的方式解决它但我想避免它因浏览器兼容性（IE8）。

我想知道我做错了什么？

Answer 1

我今天有点蠢。

我删除了边距并使用了：

top: 5%;
left: 5%;

它解决了我的问题。

Div margins问题是一个可拖动的div

1 个答案: