首页 > 开发 > CSS > 正文

CSS两列布局实现方式总结

2024-07-11 09:07:22
字体:
来源:转载
供稿:网友
这篇文章主要介绍了CSS两列布局实现方式总结,讨论了包括absolute + margin和float + margin方式的一些实践和问题,需要的朋友可以参考下
 
 

两列布局大概是最经典的一种网页布局方式了,本博客就是采用的这种布局。两列布局中,以主列(main)是自适应宽度,子列(sidebar)是固定宽度的情形最为常见。
今天就来好好探讨一下如何实现这种定宽+自适应的两列布局。

1. absolute + margin 方式

首先想到的是利用 absolute + margin 的方式实现。先看看代码:

XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表