asp.net - 为什么我的 CSS 宽度在 aspx 页面中不起作用？

Question

我先展示我的代码

<div class = "buttonsHolder">
    <asp:Button runat = "server" ID = "btnAdd" Text = "Add New" CssClass = "buttonUserControl" />
    <div class = "horizontalSpace"></div>
    <asp:Button runat = "server" ID = "btnEdit" Text = "Edit" CssClass = "buttonUserControl" />
    <div class = "horizontalSpace"></div>
    <asp:Button runat = "server" ID = "btnDelete" Text = "Delete" CssClass = "buttonUserControl" />
</div>

我的 CSS 是

.buttonsHolder
{
height:25px;
width:465px;
border: solid 1px;
}

.horizontalSpace
{ 
width:20px;
float:left;
}

.buttonUserControl
{
width:105px;
height:24px;
}

但是无论我给定多少宽度，horizo​​ntalSpace 都不起作用

再补充一点，我不擅长HTML CSS。   可以作为在按钮之间保留空格的选项，但我的 CSS 有什么问题，如果没有 ` ，我该如何修复它？

Answer 1

如果您只想在按钮之间留出水平空间，请在它们之间放置一个 margin-right 而不是在它们之间放置 div。

在你的.buttons类中放置

margin-right: 20px;