Php 框大小不匹配整个页面

这可能是一个有点愚蠢的问题，但对于像我这样在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>';

echo'






';

我建议不要使用边框框

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

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

边框框，表示宽度的计算方式不同，框大小还有其他特性，如填充框

tldr除去所有这些，它很可能是由某个正在寻找某个特定问题的快速而丑陋的解决方案的人所包含的

---

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

如果所有元素的宽度都是使用标准长方体模型计算的，则不能将其放在上面。

*

和

div

都涵盖了很多元素。如果需要为一个元素指定

框大小：边框框

，则仅为该元素指定它：

div.foo,
div.foo:after,
div.foo:before {
    /* ... */
}

---

但一旦登录面板未格式化。我有什么办法？我想使用的示例如下：演示版1Paul Irish说它非常酷：引用您链接的页面“由于浏览器支持，此建议仅适用于支持IE8及以上的项目”。使用此功能可以完全打破IE7中的布局。对于实际生产来说并不酷。IE7有怪癖模式，它使用的是“错误”的盒子模式。在我的工作中，我已经放弃了对IE7的支持。如果你对css不太了解，也没有太多经验，那么最好先学习基础知识，而不是打开pandoras box，这是一种怪癖模式。如果你不知道你在做什么工作。。。