CSS常用样式总结

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiaouncle/article/details/86348874

博主不擅长样式的设计，所以就把平时用到的个人感觉比较有用的样式记录下来，算是自己的知识积累，同时也希望对大家有帮助。

一、按钮底部对齐

• 父元素：position:relative，设置width、height
• 按钮元素：position:absolute
• 按钮元素：通过top、right、bottom、left控制按钮的位置

<div style="width:350px;height:400px;border:1px solid #0094ff;">
    <!--按钮底部对齐：父元素relative+子元素positive+子元素bottom-->
    <div style="width:250px;height:300px;margin:20px 0px 0px 20px;border:1px solid #000000;position:relative;">
        <input type="button" value="点击" style="position:absolute;left:10px;bottom:10px;" />
    </div>
</div>