100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css能不能实现左边div固定宽度 – CSS – 前端 css 设置左边距离

css能不能实现左边div固定宽度 – CSS – 前端 css 设置左边距离

时间:2021-11-04 05:21:53

相关推荐

css能不能实现左边div固定宽度 – CSS – 前端 css 设置左边距离

可以实现,并且方法很多,

最简单的方法就是用display: table, 不过不兼容ie7及其以下浏览器,但是现在可以放弃这些浏览器了

display: table

<style>

html, body{ height: 100% }

.box{ display: table; width: 100%; }

.left, .right{ display: table-cell; height: 100%; }

.left{ width: 300px; background: #f00 }

.right{ background:#ff0; }

</style>

<div class=”box”>

<div class=”left”>固定宽度区</div>

<div class=”right”>偶自适应</div>

</div>

也可以:固定宽度区使用绝对定位,自适应区设置margin

比如.left{ position:absolute; width:300px}

.right{ margin-left:300px}

还可以:float与margin配合使用

具体请自行尝试吧

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。