常常看见网页中使用三栏布局,左右2侧宽度为固定300px,中间自适应内容,根据css的float浮动特性,写出自适应的三栏布局,下面为详细写法步骤
工具/原料
subline_text
方法/步骤
1
第一步,点击打开【subline_text】软件,或者可以编辑代码的软件,根据自己电脑已安装为准,详细如下图
2
第二步,进入subline_text主界面以后,创建一个html5文件,,详细写法如下图
3
第三步,在html文件里,创建基本三栏布局,这里用命名标签,更具可读性,详细写法如下图
4
第四步,写好标签布局后,首先进行全局的html公共样式padding和margin设值为0,然后写三栏布局,详细写法如下图
5
第五步,用浏览器打开html文件,可查看结果,可以拉动网页大小来查看中间部分自适应,详细如下图
注意事项
希望对你有帮助