首页 > 编程知识 正文

html布局左右两栏,如何实现两栏布局

时间:2023-05-04 12:45:22 阅读:252641 作者:649

css代码

html,body{ height: 100%; margin: 0; overflow-y: hidden; }.left{ position: absolute; left: 0; right: 0; width: 300px; height: 100%; background: red;}.right{ height: 100%; margin-left: 300px; background: orange;}

html代码

<div class = 'left'></div><div class = 'right'></div>

两栏布局比较实用
一栏为固定的宽度,另一栏的宽度会随着浏览器大小而改变

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。