css中用两种方法实现两列布局，左列定宽200px，右列自适应宽

用两种方法实现两列布局，左列定宽200px，右列自适应宽

效果

实例

<div id="left"></div> <div id="right"></div> <style> /* 方式一 */ /* div { height: 200px; } #left { float: left; width: 200px; background: blue; } #right { margin-left: 200px; background: red; } */ /* 方式二 */ body { 
    display: flex; flex-flow: row; height: 200px; } #left { 
    width: 200px; background: blue; } #right { 
    flex: 1; background: red; } </style> 

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/10856.html