原文:十天学会Div+CSS第三天之【二列和三列布局】

一 两列自适应宽度下面以常见的左列固定右列自适应为例,因为div为块状元素,默认情况下占据一行的空间,要想让下面的div跑到右侧,就需要做助css的浮动来实现。首先创建html代码如下: div创建完成后,开始创建css样式表,代码如下: 然后创建 main样式,注意这里设置 main的左边距为 px。预览结果如下: 二 两列固定宽度有了前面的基础,两列固定宽度就容易多了,只需要把 main的宽度 ...

2012-08-07 10:38 0 7812 推荐指数:

查看详情

十天学会Div+CSS第四之【纵向导航与二级菜单】

一、纵向列表纵向列表或称为纵向导航,在网站的产品列表中应用比较广泛,如淘宝网左侧的淘宝服务,今天我们就学习一下纵向导航的制作先新建一个页面,然后插入一个ID为menu的div,然后在设计视图中选中文字,点击工具栏的ul图标,即会自动插入ul和li,然后修改文字内容为你需要的内容 ...

Tue Aug 07 23:08:00 CST 2012 0 4124
DIV+CSS 网页布局之:三布局

1、宽度自适应三布局   三布局的原理和两布局的原理是一样的,只不过多了一,只需给宽度自适应两布局中间再加一,然后重新计算三的宽度,就实现了宽度自适应的三布局。   同样的道理,更多布局,其实和两、三布局模式是一样的。 2、左右两固定宽度,中间 ...

Tue Mar 15 06:16:00 CST 2016 1 17753
div+css布局与三布局

一、两布局: 1.左边定宽,右边自适应。 方法一:采用position:absollute;并设置margin-left的值。 例: 方法二:采用float;并设置overflow:auto;(隐藏溢出的内容 ...

Mon Sep 19 20:24:00 CST 2016 0 4444
DIV+CSS 网页布局之:一布局

1、网页布局   布局(layout)即对事物的全面规划和安排,页面布局是对页面的文字、图像或表格进行格式化版式排列。网页布局对改善网站的外观非常重要,又称版式布局,大多数网站会把内容安排到多个中,就像杂志或报纸那样,网页版面的设计延续了传统纸媒的特点,但又比传统的纸媒更灵活,传统的纸媒 ...

Tue Mar 15 05:52:00 CST 2016 0 5492
DIV+CSS 网页布局之:两布局

1、宽度自适应两布局   两布局可以使用浮动来完成,左设置左浮动,右设置右浮动,这样就省的再设置外边距了。   当元素使用了浮动之后,会对周围的元素造成影响,那么就需要清除浮动,通常使用两种方法。可以给受到影响的元素设置 clear:both,即清除元素两侧的浮动,也可以设置具体清除 ...

Tue Mar 15 06:04:00 CST 2016 0 15648
div+css经典三行两布局

写在前面 在面试的时候遇到这样一个笔试题,使用div+css布局一个三行两的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章: [HTML/CSS]说说position 代码 闲来无事,就自己动手实现了一下,代码如下: 结果 总结 ...

Tue Mar 10 23:07:00 CST 2015 0 5556
学会Java,第三天,选择结构

选择结构 变量和数据类型,赋值和输出 算术运算 选择结构 循环结构 函数定义,函数调用 变量作用域 栈,程序运行的基石 面向对象 异常处理 语言提供的公用包 ...

Thu Aug 31 18:55:00 CST 2017 16 1642
实习之第三天

本来昨天应该应该写点东西的,可是却实在抽不出时间。 不知不觉,今天已经是实习的第三天了。这两的工作还是熟悉公司的开发框架,稍微感觉有点没劲。说是公司的框架,但是其实是把人家开源的框架给封装了一下,就声称是自己的东西了。就在昨天,我在开发文档时,突然间接到一个电话。看到是010开头 ...

Fri Feb 24 07:06:00 CST 2012 25 2045
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM