第14课 不固定宽度布局(下)
本课继续研究不固定宽度的布局方法,要特别掌握“改进浮动法”的核心原理。学习完本课以后,读者应该有能力自己完成任意复杂的页面布局形式。因为在继续复杂的布局形式也都可以转换为本可介绍过的这些布局形式的组合或者嵌套。
希望读者能够把这些布局方法真正吃透。
本节课时长15分16秒,下载文件15.6兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() 了解详细说明 |
本课继续研究不固定宽度的布局方法,要特别掌握“改进浮动法”的核心原理。学习完本课以后,读者应该有能力自己完成任意复杂的页面布局形式。因为在继续复杂的布局形式也都可以转换为本可介绍过的这些布局形式的组合或者嵌套。
希望读者能够把这些布局方法真正吃透。
本节课时长15分16秒,下载文件15.6兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
这篇文章发表于 2007年12月13日 星期四 7:00 am,并被分类于CSS整体布局详解。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。 您可以对这篇文章发表一条评论,或者在您自己的网站中引用 (Trackback) 它。
前沿视频教室的内容版权属于北京前沿科技,http://www.artech.cn。Copyright 2006-2011
本网站使用了 WordPress
2.2
中文版 。













温老师啊,怎么下载视频教材只能下载一个,下载完后它又提示有一个正在下载~
这是怎么回事?
div+css对搜索引擎好,但是新手做起来布局总是不兼容浏览器。
北京seo ,
新手变成老手,就没问题了。
我觉的你的那个3列布局(中间固定两边动)是行不通的,因为中间是无法定位的,两边是动的,无法用像素定位的
aaa ,
可以实现的,厉害就厉害在这里了,当然这个方法也不是我自己想出来的,是老外想出来,我从网站上学来的。利用margin值可以为负这个特性做到的。
老师!
你好!!!
还要麻烦你一下,我的光盘在机器里读不出来,可能是坏了,可以给我再发一份吗?
谢谢了!!!
feng ,
给您回复邮件了,请查收。
我按照了单列变宽–浮动改进法做了但没有效果….
小明,
这个一两句话可能说不清楚了。如果你对合资模型、浮动、定位这些基础都已经确实理解了,可以把代码发到 talking.artech.cn ,我们帮你看一下问题在哪里。
如果这些基础还不是很清楚,先把基础搞清楚在研究这个,可能效率更高。
这个不是很难懂,但是,很理论。
520,
需要慢慢理解,道理搞懂了,就好办了。
你好.想问一下,为什么在设置了总宽度在1006px的情况下,做出来的页面在浏览器察看下,页面下方还会出现滚动条.里面没有使用填充和边界功能
吴昊,
没有看到代码,具体原因不好说。你可以把代码发到 talking.artech.cn ,看着代码比较容易找到原因。
老师,您好!1-3-1布局还不听的不太明白,我做一个网页,左侧宽度为202px,右侧为170px,中间为不固定像素,这样应该怎么做呢?期待您的答复!
我做的网页类似于购物网站,中间为商品展示区,可以随着屏幕的大小而伸缩,应该怎样将中间宽度设为不固定?
吴昊,
上面的第8张图片:“1-3-1”中间列变宽的布局,讲的是你需要的布局方法,你再仔细看一看,这个里面的原理还是需要仔细动动脑子的~~~
有没有人回答阿!!急
那个改进浮动法好难理解呀,特别是margin设置为负值是什么意思呀?能不能解释一下margin设置为负值的意思呀?
黄飞虎,
margin设置为负值可以使盒子发生相应的偏远,从而实现一些特殊的布局需要。要搞清这个一定要先把盒子模型、标准流、浮动、定位等基本性质搞的非常清楚,否则理解起来会比较困难。
请问这套视频共有多少课啊!
dnvisual,
《CSS设计彻底研究》书一共17章,视频教程共15课,有的课分为了上下部分,因此一共23集,明天会有最后一集,谢谢观看:)
有问题或建议,跟我们联系!