最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
利用WEB标准创建两栏页面布局
时间:2022-07-02 13:08:54 编辑:袖梨 来源:一聚教程网
使用 Web 标准进行页面设计,有一种信仰就是不使用表格兰进行基本的页面排版。
网页常见的两栏布局,我们往往就是通过一个 1 行 2 列的表格来实现。例如:
代码如下 | 复制代码 | ||
|
使用 div 对象的 float 属性,完全也可以实现,页面代码如下:
代码如下 | 复制代码 |
左侧栏 右侧栏 配套的 CSS 代码是: #Container { width: 760px; } #SideColumn { width: 200px; float: left; border: 1px solid #00F; } #MainColumn { width: 550px; float: right; border: 1px solid #000; } |
相关文章
- 教学:币圈新人福利!保姆级免费撸空投教程:0成本薅羊毛全攻略 07-01
- Ripple vs. SEC:7月3日将成为XRP诉讼的下一个重要日期? 07-01
- 伊莫天气系统玩法详解 动态天气变化规律介绍 07-01
- 和平精英PC模拟器什么时候上线WeGame 07-01
- 胜利女神泳装怎么获得 新希望泳装获取方法 07-01
- Photoshop怎么给湖边风景照片添加夕阳美景效果? 07-01