CSS学习笔记:使用绝对定位实现横向两列布局

使用absolute实现横向两列布局常用语一列固定宽度,另一列宽度自适应的情况。

主要应用技能:

relative---父属性相对定位      absolute---自适应宽度元素绝对定位

注意:固定宽度列的高度要大于自适应宽度的列。

因此当需要实现横向两列布局时可以使用float属性也可使用position属性(父属性position:relative,元素自身设置position:absolute top left等偏移属性)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值