[分享]css中div的控件随着div的大小变化

为了解决这个问题，我们可以使用CSS中的一些技巧，比如利用相对单位进行布局、使用百分比设置尺寸等。下面我们简单介绍一下这些方法。

<div>
    <a href="#">这是一个链接</a>
</div>

<style>
    div {
        width: 50%;
        height: 100%;
        padding: 20px;
        background-color: #eee;
    }
    
    a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 50px;
        background-color: #ccc;
    }
</style> 

使用相对单位进行布局。在CSS中有一些相对单位，如em、rem等，使用这些单位可以让控件的大小随着