CSS基本语法

本文介绍了CSS中绝对定位和相对定位的使用方法,包括如何通过left和bottom属性调整元素的位置。此外,还探讨了overflow属性的不同取值,及其如何处理内容超出元素框的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、定位
绝对定位absolute
position:absolute;
left:100px;
top:150px
距离页面左侧 100px,距离页面顶部 150px。

2、相对
position:relative;
left:-20px 从元素的原始左侧位置减去 20 像素

position:relative;
left:20px 元素的原始左侧位置增加 20 像素

3、
bottom :定位元素下外边距边界与其包含块下边界之间的偏移

4、
text-align:文本的水平对齐方式
line-height:文字行间的距离(行高)

5、
overflow:当内容溢出元素框时发生的事情
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值