css两列宽度自适应 |css div右上角加角标

实现两列宽度自适应，大家需要用到CSS中的浮动与清除浮动的知识。大家可以先用float属性将两列分别设置为左浮动与右浮动，然后通过添加一个清除浮动的div，将浮动影响清除，使其宽度自适应。

<div class="wrapper">
<div class="left">左侧内容</div>
<div class="right">右侧内容</div>
<div class="clear"></div>
</div>.wrapper {
width: 100%;
overflow: hidden;
}
.left {
float: left;
width: 30%;
}
.right {
float: right;
width: 70%;
}
.clear {
clear: both;
}

在上面的代码中，大家将wrapper设置为占满100%的宽度，并设置overflow:hidden属性，以防止浮动影响。左侧内容与右侧内容分别用float属性设置为左浮动和右浮动，并设置了宽度。最后添加了一个clear属性，将浮动影响清除，使其宽度自适应。

通过上面的代码，大家就可以实现一个两列宽度自适应的布局效果。当然，这只是其中一种实现方式，大家还可以通过flex布局、grid布局等方式实现两列宽度自适应，需要根据具体情况选择。