最新下载
热门教程
- 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; } |
相关文章
- 《绝区零》伊芙琳培养材料汇总 01-24
- 《无限暖暖》1.2春节兑换码一览 01-24
- 《网上国网》查询阶梯档位方法 01-24
- 《蛋仔派对》神游贺岁盲盒获取方法 01-24
- 《炉石传说》星际联动盗贼卡组玩法介绍 01-24
- 皮革珊瑚属于珊瑚中的 01-24