网页设计中用css控制div的位置_网页设计

《网页设计中用css控制div的位置_网页设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计中用css控制div的位置_网页设计http://www.szxhtml.com/wangzhan-rizhi/shenzhen-hong-558.html首页作品日志涂鸦摄影联系日志分类网页设计中用css控制div的位置作品(25)2009-12-2323:44:33

2、Tags:网页设计css控制div位置

3、分类：网站技术网站技术(52)网页设计中用css控制div的位置平面技术(18)起因是想起n久以前曾面试过的一家公司所出的面试题目，那是一家以seo为主要业务的公司。当时我是过五关斩六将的，最终进入决 UI界面(7)赛，汗!由boss面试。VI系统(2)当时面试的问题很

4、多，但记得特别清楚的就是这个问题。当然问的时候可没说的这么清楚，恩~~好像是这么问的，boss说：浏览器的其他(17)解析顺序是由上至下，由左到右的。为了更好的优化网站，我需要在xhtml代码中首先看到正文，其次才是banner之类的东西。但是页面显示需要按正常的，先是banner然后才是正文。（当时我都不知道浏览器的顺序是什么，好糗！）相关日志记得当时css+xhtml刚刚盛行，我也只是初步会用。但是我知道通过“margin”可以调整div的边框距离，但具体需要再配合什么css W3C标准中XHTML的DOCTYPE作用和声什么标签却是不知道的。好在boss问的也不深，只是想知道思

5、路即可，让俺顺利过关。CSSBug、Hack和Filter简介自从那以后，我就对css产生了浓厚的兴趣，喜欢研究一些奇怪的问题。当然这面试问题也顺利的解决了。其实这里主要用到了div布局在网页设计中的实际应用position的absolute和relative两个参数。浏览器中奇怪页面表现及解决办法position属性可将元素以static(静态)，relative(相对)，absolute(绝对)或是fixed(固定)的方式来安置，fixed属性在ie6下不被支持。szprice外贸型购物商城先看xhtml代码：utsource电子元件交易平台我是第一块个人网站的第一个设计方案我是

6、第二块CSS文档统筹css部分浏览器兼容解决方案之浏览器分析.bock1{width:300px;height:100px;background:#ffcccc;}CSS命名艺术.bock2{width:300px;height:100px;background:#65b6be;}标签正常情况下页面应该显示为：xhtml+CSS作品平面设计UIVISEOwebdesign摄影手绘教程用户体验界面重构设计友好DIV创意flash交互数码照片photoshop照片处理JS我们要让第二块显示在上面那么css应该这么写：.bock1{width:300px;height:100px;back

7、ground:#ffcccc;position:relative;margin-top:100px;}.bock2{width:300px;height:100px;background:#65b6be;position:absolute;top:0;}效果如图第1页共2页2011-12-1310:37网页设计中用css控制div的位置_网页设计http://www.szxhtml.com/wangzhan-rizhi/shenzhen-hong-558.html其实还可以通过js来控制显示顺序，但是通过css感觉是最简单也最省事儿。我们通过这种方法能够自由的控制各个层的显示，让主要

8、内容先显示。除了上下顺序调调整外还可以左右调整。另外还可以用position实现很多特别的效果，大家一起来探索吧~~~[关闭]Allcontent(design,writingsandphotographs)Copyright@2008-2009红设计第2页共2页2011-12-1310:37