后台管理系统页面布局

一、自适应两栏布局

left盒子加float：left

right盒子设置overflow：hidden

原理：BFC布局规则，浮动元素跟BFC区域不会重叠

二、file上传文件框，样式不能改，用label包裹

<label for="btn">
        <input type="file" name="" id="btn">
        <span>上传单个文件</span>
    </label>

设置鼠标变小手显示

cursor: pointer;

三、表格

border-collapse：collapse；

合并相邻边框，tr的边框才能设置上

 table {
            width: 300px;
            height: 300px;
            border-collapse: collapse;
        }

        tr {
            border: 1px solid #000;
        }