关于overflow三个属性:auto、visible、hidden的简单应用
overflow:visible
visible是默认属性 下面是两列布局右边自适应代码 给没有设置宽高的div标签设置visible属性之后 标签内容会出现自适应 在屏幕宽度较小时出现外围
<title>两列布局</title>
<style>
/* 清楚内外边距 */
* {
margin: 0px;
padding: 0px;
}
.left {
width: 300px;
background-color: chartreuse;
float: left;
}
.right {
/* 文字外围 */
overflow: visible;
background-color: chocolate;
}
</style>
<div class="left">左边定宽</div>
<div class="right">
右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应右边自适应
</div>