html - 与 Wordpress 中的自定义 CSS 和重力形式对齐

Question

我似乎无法在 CSS 中移动元素。它是一个带有背景的表格，并且居中。我看不出我做错了什么。

#skyformbox {
  width: 50%;
  margin: 0 auto;
  margin-top: 0px;
  clear: both;
  border: 3px solid #000000;
  padding-top: 20px;
  background: #ccc url(http://www.ultraframehomeimprovements.co.uk/wp- 
 content/uploads/2018/07/Sky-box.png);
  overflow: auto;
  padding: 5;
  left: 2000px;
}

<div align="left">
  <div id="skyformbox">
    [gravityform id="12" title="false" description="false"]
  </div>
</div>

Answer 1

为什么要将 2000px 定位到左侧？据我所知，“左”属性只有在定位设置为绝对时才有效...

无论如何试试这个:

#skyformbox {
  width: 50%;
  margin-left: 0px;
  margin-top: 0px;
  clear: both;
  border: 3px solid #000000;
  padding-top: 20px;
  background: #ccc url(http://www.ultraframehomeimprovements.co.uk/wp-content/uploads/2018/07/Sky-box.png);
  overflow: auto;
  padding: 5;
  left: 2000px;
}

将 margin-left 设置为 0px 对我有用(假设您在这里尝试做的是让表单与页面左侧对齐)。