项目中遇到的CSS

1.一个登陆页面为两栏布局，左边是图片自适应，右边是固定宽度，有账号密码输入框、登陆按钮等等。但是右边已经设置固定宽度（例如，width:400px;），但是最后的宽度明显大于400px，这是因为浏览器将容器默认为标准盒子模型，也就是box-sizing:content-box;。故宽度被撑开，可以设置，box-sizing:border-box;也就是将容器变成怪异盒子模型（padding和border的值不再影响元素的宽高，怪异盒子：盒子总宽度 = width + margin;）。

2.HTML中的textarea多行文本输入框，去掉右下角的图标（注意：去掉后不能再通过拉动改变高度）

.test{
   resize: none;
}

3.问题：切换页面时，按钮闪烁。看了一下样式，发现这个按钮使用的是固定定位position:absolute，猜想闪烁的原因应该是收到父组件和子组件渲染先后的问题，于是给该按钮最近的父元素添加position:relative，接着调整left,top等等属性解决成功。