在ASP.NET中使用CSS定位元素

Question

我正在学习CSS并想在ASP.NET中应用它。我正在为元素的一般定位而苦苦挣扎。

例如，应用以下内容对元素.menu的定位没有太大影响。

.menu {
    z-index: 3;
    position: absolute;
    width: 180px;
    top: 355;
    left: 0;
}

换句话说，无论我做什么，菜单元素都或多或少地保留在左上角。 操作ASP.NET表单上各种元素的位置的最佳原因是什么？

这是.menu的标记。

<div class="menu">
    <ul>
        <li>Add Books</li>
        <li>Review Books</li>
        <li>Register</li>
    </ul>
</div>

Answer 1

您错过了top和left属性值的度量单位（尽管left为'0'它不需要一个，因为0在任何测量中都是相同的。）

尝试使用top: 355px; left: 0;。

一般情况下，您还应考虑在position之前使用the margin property。

Answer 2

您可以定义top，而不是left和margin。在这种情况下，无需将头寸设置为绝对值。

Check this example

margin:50px 0 0 30px;表示

上边距为50px，

右边距是0px，

底部边距为0px，

左边距为30px