css - 移动表格到右下角

Question

我是 HTML5 和 CSS 的新手，所以尝试了不同的东西。我创建了一个表单:

<div id="form1">
    <form action="demo_form.asp" autocomplete="on" >
        Departure City
        <br><select name="mydropdown" id="departurecity">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select><br>
        Arrival Time 
        <br><select name="mydropdown">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select>
        Departure Time
        <br><select name="mydropdown">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select>
        Departure Date
        <br><select name="mydropdown">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select>
        Adult
        <br><select name="mydropdown">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select>
        Child
        <br><select name="mydropdown">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select>
        Senior
        <br><select name="mydropdown">
        <option value="Milk">Fresh Milk</option>
        <option value="Cheese">Old Cheese</option>
        <option value="Bread">Hot Bread</option>
        </select>
        <input type="submit">     
    </form>
</div>

CSS:

#form1{
 border: 1px solid white;
 margin: 100px;
 width:50%;
 position: absolute;
 right:0;
 bottom:0;
}

现在它位于页面的中央。我想把它移到右下角页。我尝试了多种方法但没有帮助。你们谁能告诉我我应该怎么做才能达到我想要的？

Answer 1

从 css 中移除边距

#form1{
border: 1px solid white;
width:50%;
position: absolute;
right:0;
bottom:0;
}

当您编写 margin:100px 时，这意味着您的元素将从所有四个边带走 100px。

Js Fiddle Demo

您还可以减小#form1 的宽度，使其更像这样的右 View

Js Fiddle Demo reduce width