[JavaScript知识库]Vue全家桶从入门到实战

P161. 14.登录组件布局的布局中

在对登录组件进行布局时，需要编写login_form

在对form表单进行定位时，需要用到CSS的box-sizing属性，将其修改为border-box

box-sizing的默认属性值为content-box，使用默认值设置时，设计的界面存在的问题为

两个文本框将超出form表单的范围。修改之前的代码为：

 .login_form {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0 20px;
    }

需要进行修改：

所以只需要将css的box-sizing属性值修改为border-box，修改后的代码为：

 .login_form {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

?