Question

我正试图在页面上放置几个元素。

private void OnViewportMouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
    if (mouseLeftIsDown)
    {
        Point position = e.GetPosition(this);
        double rotZAngle = (rot_z.Angle % 360) + oldLeftPosition.X - position.X;
        double rotXAngle = (rot_x.Angle % 360) + position.Y - oldLeftPosition.Y;
        if (rotZAngle < 0) //rotZAngle is negative, make it positive
        {
            rotZAngle = 360 + rotZAngle;
        }
        if (rotXAngle < 0) //rotXAngle is negative, make it positive
        {
            rotXAngle = 360 + rotXAngle;
        }
        rot_z.Angle = rotZAngle;
        rot_x.Angle = rotXAngle;
        oldLeftPosition = position;
    }
}

https://jsfiddle.net/xqt4aosx/2/

第一个“红色div”现在位于我想要的位置，但是当我尝试定位子标题和“绿色div”时，它们似乎位于页面的下方。

理想情况下，红色底部和子标题之间不应存在这样的间隙。子标题和绿色div之间的差距很好。

我是如何解决这个问题的。

由于

Answer 1

额外的空间由你的jsfiddle中的top: -90px;创建。

我修改了你的红盒子的样式＆amp;将表格浮动到左侧，我想这会给你你想要的结果。

#form{
  float:left;
}

#select {
  background-repeat: no-repeat;
  text-align: center;
  border: 2px solid #d90036;
  width: 176px;
  height: 175px;
  margin-left:160px;
}

然后可以通过h5标记上的边距/填充正常更改子标题的间距

CSS布局查询

1 个答案: