C# ASP.NET表单中的md按钮大小不正确

我有一个ASP.NET表单，我想在其中添加一个md按钮，但当我将md按钮放入表单中时，它会调整大小，并且不适合我想要的行

我找不到关于这种行为的任何文档，我试图设置按钮本身的布局，将其放入md输入容器中，等等

我希望表单中有这个按钮，这样我就不必自己重写提交表单函数

这是我的HTML表单：

<div layout-padding layout="column">
    @using (Html.BeginForm("Login", "Home", FormMethod.Post))
    {
        <md-input-container class="mt-35" layout="row">
            <label>Ton email :</label>
            @Html.TextBoxFor(x => x.Username)
        </md-input-container>
        <md-input-container layout="row">
            <label>Ton mot de passe :</label>
            @Html.PasswordFor(x => x.Password)
        </md-input-container>
        <md-input-container layout="row">
            <md-checkbox aria-label="Rester connecté">
                Rester connecté
            </md-checkbox>
        </md-input-container>
        <md-button class="md-raised md-primary">Me connecter</md-button>
        <!-- This button doesn't fit -->
    }
    <md-button class="md-raised md-primary">Connect with Facebook</md-button>
    <!-- This one does -->
</div>

找到了

表单与布局混乱，我通过在BeginForm方法中添加布局属性使其正常工作：

@using (Html.BeginForm("Login", "Home", FormMethod.Post, new { @layout = "column" }))
            {
                <md-input-container class="mt-35" layout="row">
                    <label>Ton email :</label>
                    @Html.TextBoxFor(x => x.Username)
                </md-input-container>
                <md-input-container layout="row">
                    <label>Ton mot de passe :</label>
                    @Html.PasswordFor(x => x.Password)
                </md-input-container>
                <md-input-container layout="row">
                    <md-checkbox aria-label="Rester connecté">
                        Rester connecté
                    </md-checkbox>
                </md-input-container>
                <md-button class="md-raised md-primary md-button-no-margin" layout-padding type="submit">Me connecter</md-button>
            }

---

你能发布你的CSSI吗？我只是使用了我写的唯一附加CSS中的angular material 1.1.0与此无关，我想，但我会在你的浏览器开发工具上发布inspector，你会看到任何CSS阻止它完整运行。已经这么做了，在按钮和所有子元素上，我有

最大宽度：100%如果我刚刚删除表单标记，按钮将在我的页面上正确呈现。
@using (Html.BeginForm("Login", "Home", FormMethod.Post, new { @layout = "column" }))
            {
                <md-input-container class="mt-35" layout="row">
                    <label>Ton email :</label>
                    @Html.TextBoxFor(x => x.Username)
                </md-input-container>
                <md-input-container layout="row">
                    <label>Ton mot de passe :</label>
                    @Html.PasswordFor(x => x.Password)
                </md-input-container>
                <md-input-container layout="row">
                    <md-checkbox aria-label="Rester connecté">
                        Rester connecté
                    </md-checkbox>
                </md-input-container>
                <md-button class="md-raised md-primary md-button-no-margin" layout-padding type="submit">Me connecter</md-button>
            }

.md-button-no-margin {
    margin: 0 !important;
}