css能不能实现左边div固定宽度_CSS学习

资料来源：网络整理时间：2023/3/4 1:16:58 共计：3590 浏览

css能不能实现左边div固定宽度？

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

最简单的方法就是用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="left">固定宽度区</div>

</div>

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

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

.right{ margin-left:300px}

还可以：float与margin配合使用

具体请自行尝试吧

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。