学习前端的第七天

本文介绍了CSS中的垂直布局,强调了不设置高度让元素由内容撑开的常见做法,并详细讲解了overflow属性的用法,包括visible、scroll、hidden和auto等值的含义。同时,文章探讨了外边距重叠的现象,特别是垂直外边距的合并规则,如兄弟元素间正负外边距的处理方式。通过阅读,读者可以更好地理解和控制元素的布局及间距。
摘要由CSDN通过智能技术生成

1.垂直布局

在垂直布局中,我们一般不设置高度,让元素被内容撑开。

使用overflow属性设置父级如何处理溢出的子元素

属性值:visible默认值,正常显示;scroll形成双向滚动条;hidden把溢出的隐藏;auto根据实际内容出现滚动条

overflow-x对水平方向溢出进行设置,垂直方向根据实际需要自动生成

 overflow-y  对垂直方向溢出的内容进行设置,水平方向根据实际需要自动生成

2.外边距的重叠

垂直外边距的重叠

兄弟元素:如果两外边距都是正值,谁大以谁的外边距为准;如果两个外边距都是负值,谁小以谁的外边距为准;如果是一正一负,外边距等于两者相加。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值