-1

这可能是一个有点傻的问题，但对于像我这样没有 css 经验的人来说，并不是那么容易。问题是我正在尝试在我的项目中实现登录示例。当然你需要配置css、路径等。

问题是配置具有以下说明的登录面板：

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

这使得每个应用程序中的所有盒子都毁容了。我该如何解决这个问题？我试图在调用它的地方命名 div 并将名称更改为*这个 div。但无所作为。有人可以帮助我吗？

echo '<div class="container">           
            <section class="main">
            <form class="form-1" id="login" method="post">
            <p class="field">
                <input type="text" name="login" id="username" placeholder="Nº Funcionario">
                <i class="icon-user icon-large"></i>
            </p>
                <p class="field">
                <input type="password" name="password" id="password" placeholder="Senha">
                <i class="icon-lock icon-large"></i>
            </p>
            <p class="submit">
                <button type="submit" value="Login" id="loginme" name="submit">
                <i class="icon-arrow-right icon-large"></i></button>
            </p>
            </form>
            </section></div>';
4

2 回答 2

0

我建议不要使用边框。

默认情况下，元素的宽度计算如下：

宽度 = 设置宽度属性 + 填充 + 边框宽度

边框框，表示宽度的计算方式不同，还有其他用于调整框大小的属性，例如 padding-box。

tldr 删除所有这些，它很可能是由寻求快速而丑陋的解决特定问题的人所包含的。

许多浏览器也不支持 box-sizing，但所有浏览器都支持宽度。使用它一定会遇到重大问题。

于 2013-01-29T17:56:58.480 回答
0

如果所有元素的宽度都是使用标准盒子模型计算的，你不能把它放在上面。两者都*涵盖div了很多元素。如果您需要box-sizing: border-box一个元素，则只为该元素指定它：

div.foo,
div.foo:after,
div.foo:before {
    /* ... */
}
于 2013-01-29T18:39:03.633 回答