css样式中的其他问题（二）

1.设置label的宽度

    display:inline-block;

2.form中label标签对齐，内容右对齐

     给label设置—个固定长度即可:  
     label{ display:inline-block; width:100px; text-align:right; }

3.按钮位置

4. height calc()函数

5. 改变滚动条样式

使html原生的滚动条样式隐藏

body::-webkit-scrollbar {  //滚动条整体样式
    width: 4px;
}

body::-webkit-scrollbar-thumb {   //滚动条里面的滑块
    border-radius: 10px;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0px transparent;
    box-shadow: inset 0 0 0px transparent;
}

body::-webkit-scrollbar-track {    //滚动条里面轨道背景
    -webkit-box-shadow: inset 0 0 0px transparent;
    box-shadow: inset 0 0 0px transparent;
    background: transparent;
    border-radius: 0;
}

把body换成自己需要修改滚动条样式的box

6. 实现div背景透明，但是不影响文本内容的正常显示

background: rgba(20, 34, 69, 0.55);

opacity: 0.5;
opacity属性来控制透明度，内部也会继承其透明度样式，不能实现效果