多语言展示
当前在线:1792今日阅读:26今日分享:39

css浮动写法,自适应三栏布局写法

常常看见网页中使用三栏布局,左右2侧宽度为固定300px,中间自适应内容,根据css的float浮动特性,写出自适应的三栏布局,下面为详细写法步骤
工具/原料

subline_text

方法/步骤
1

第一步,点击打开【subline_text】软件,或者可以编辑代码的软件,根据自己电脑已安装为准,详细如下图

2

第二步,进入subline_text主界面以后,创建一个html5文件,,详细写法如下图

3

第三步,在html文件里,创建基本三栏布局,这里用命名标签,更具可读性,详细写法如下图

4

第四步,写好标签布局后,首先进行全局的html公共样式padding和margin设值为0,然后写三栏布局,详细写法如下图

5

第五步,用浏览器打开html文件,可查看结果,可以拉动网页大小来查看中间部分自适应,详细如下图

注意事项

希望对你有帮助

推荐信息