打印

[教程] 彻底弄懂CSS盒子模式一(DIV布局快速入门)

yanhj1121

新手上路

帖子: 31
体力: 28
威望: 0
当前: 北京海淀区
离线: 5 天

91^# 大中小发表于 2007-6-19 16:43

太好了，真是越看越爱看。大大的丰富了知识。

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

ixiaoyu

忧伤的小鱼

中级会员

帖子: 306
体力: 283
威望: 0
当前: 河南郑州
离线: 3 天

专长 网页设计,前端制作,JS

92^# 大中小发表于 2007-6-20 14:24

好教程！绝对支持！再写一些网站制作的就像上面的老兄说的小型网企业网学习学习哈！！！！
希望能才取我的意见。
永远支持你。~~~~~~~~~~~~~~~~~

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

AetherX

新手上路

帖子: 1
体力: 7
威望: 0
离线: 352 天

93^# 大中小发表于 2007-7-7 19:01

ThanX

TOP

请大家尊重和保护奥运知识产权。

arover

新手上路

帖子: 7
体力: 12
威望: 0
离线: 320 天

94^# 大中小发表于 2007-7-9 00:37

学习ing...支持啊!

潜水之帝..

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

bingliang008

初级会员

帖子: 85
体力: 133
威望: 0
离线: 55 天

95^# 大中小发表于 2007-7-13 12:12

受益良多阿~~~~~~~~~~~~~

TOP

macrochen

初级会员

帖子: 93
体力: 172
威望: 0
当前: 广东广州
离线: 7 天

专长 网页设计,前端制作

96^# 大中小发表于 2007-7-14 01:01

好教程！望楼上再出续篇！！！！！！！比如：一个网站的制作（可以慢慢来，小型网）

你都说了，大家的支持是你再出新文章的动力

TOP

lanniao

新手上路

帖子: 7
体力: 21
威望: 0
当前: 河南焦作
离线: 52 天

97^# 大中小发表于 2007-7-14 09:18

棒！

只有顶了~~~~~~~~~~~

TOP

BigStone79

新手上路

帖子: 1
体力: 7
威望: 0
离线: 415 天

98^# 大中小发表于 2007-7-14 15:54

经典好文

呵呵。。。以前我都是到处看别人的网站代码，没有比较系统的学习CSS，碰到了很多问题琢磨不透，今天看了楼主的文章，真是豁然开朗。感觉生了一个台阶。支持楼主继续出好的教程。
太棒了，能把CSS的东西讲的这么透彻，易懂，太不容易了。谢谢。。。支持。

TOP

pairi

初级会员

帖子: 46
体力: 51
威望: 0
当前: 广东广州
离线: 71 天

99^# 大中小发表于 2007-7-15 11:37

学习中，太谢谢楼主了．

TOP

lutinghe

新手上路

帖子: 20
体力: 29
威望: 0
当前: 福建福州
离线: 7 天

100^# 大中小发表于 2007-7-15 12:32

非常好的东东

ERICLU

TOP

aisj521

初级会员

帖子: 29
体力: 68
威望: 0
当前: 上海徐汇
离线: 101 天

101^# 大中小发表于 2007-7-19 17:18

DIV+css学习中,谢版主

Www.18123.Cn

TOP

mihy2008

新手上路

帖子: 2
体力: 2
威望: 0
离线: 384 天

102^# 大中小发表于 2007-7-23 23:07

挺好

我现在学是不是晚点

TOP

majer

高级会员

帖子: 345
体力: 703
威望: 0
当前: 福建泉州
离线: 2 天

专长 网页设计,前端制作,UE

103^# 大中小发表于 2007-7-24 15:08

回复 #7 yymax 的帖子

那就是尽量减少css的体积，让浏览器快速加载

TOP

vyes

新手上路

帖子: 1
体力: 7
威望: 0
离线: 338 天

104^# 大中小发表于 2007-7-30 22:02

太感谢了

TOP

jxbsuzs

四舍五入

初级会员

帖子: 101
体力: 144
威望: 0
当前: 江西南昌
离线: 42 天

105^# 大中小发表于 2007-8-4 14:28

up....真的是好贴子...我学着重新写了一次....学到不少....

zslife.i67.org

TOP

zl8762385

新手上路

帖子: 20
体力: 35
威望: 0
当前: 辽宁沈阳
离线: 10 天

106^# 大中小发表于 2007-8-4 23:10

顶了顶了，好教程

TOP

beishuicao

新手上路

帖子: 3
体力: 11
威望: 0
离线: 81 天

107^# 大中小发表于 2007-8-14 09:40

挺好的教程

希望能出整站的,更详细的教育出来!

TOP

webwlsong

新手上路

帖子: 1
体力: 7
威望: 0
离线: 276 天

108^# 大中小发表于 2007-8-14 11:26

问一下,把这四个的mainbox加起来,宽度不是800嘛.为什么要设为 805宽度,设为803也不会变形.为什么要多设出来几个像素呢?你们给测试一下.

TOP

webflash [楼主]

初级会员

帖子: 76
体力: 182
威望: 16
当前: 广东广州
离线: 295 天

109^# 大中小发表于 2007-8-15 13:09

引用:

原帖由 raincolor 于 2007-5-5 11:04 发表
http://www.hsptc.com/css1.html
楼主，请问为什么把上面这个范例的body宽度定位为805px？？总的宽度精确数字到底是多少呢？是不是应该为mainBox的宽度×3+border×8+margin×3，最终的结果应该为192×4+1×8+ ...

引用:

原帖由 webwlsong 于 2007-8-14 11:26 发表
问一下,把这四个的mainbox加起来,宽度不是800嘛.为什么要设为 805宽度,设为803也不会变形.为什么要多设出来几个像素呢?你们给测试一下.

其实这是IE6.0的一个双倍边界bug，它产生的条件是：盒子同时设置了浮动（float）和边界（margin）属性，并且它们的方向又一致，当然只设定margin:包含margin-left:和margin-right:。最常见的解决方法是给盒子加个display:inline;样式属性。细细分析下面代码即可找到原因。

提示：您可以先修改部分代码再运行

所以body的准确宽度为（1(border)×2＋3(margin)×2＋192(width)）×4(mainBox数量)＝800

近来实在太忙了，有时间再出续集吧，谢谢大家支持！

[ 本帖最后由 webflash 于 2007-8-15 13:13 编辑 ]

忙

TOP

yangke

新手上路

帖子: 2
体力: 9
威望: 0
离线: 373 天

110^# 大中小发表于 2007-9-1 12:29

好文章~顶！加油额！

TOP

william218

新手上路

帖子: 2
体力: 9
威望: 0
离线: 224 天

111^# 大中小发表于 2007-9-15 13:03

好文章哦，谢谢楼主，辛苦了

TOP

dh1226

新手上路

帖子: 13
体力: 23
威望: 0
离线: 94 天

112^# 大中小发表于 2007-9-21 15:41

好文章，我收藏了

TOP

hoyu

初级会员

帖子: 50
体力: 92
威望: 0
当前: 上海徐汇
离线: 26 天

专长 网页设计,UI,Flash

113^# 大中小发表于 2007-9-22 04:10

呵呵，有人善学，有人善教，很棒的教程，多亏了楼主高超的教，授技巧，佩服个并期待后续教程

想整容-_-!

TOP

xismallpig

初级会员

帖子: 42
体力: 97
威望: 0
当前: 广东广州
离线: 5 天

114^# 大中小发表于 2007-9-22 11:52

楼主的文章真的不错啊，学到很多东西，看完最后的讨论让我更受益匪浅。

TOP

zilly

马尔代夫

银牌会员

帖子: 1806
体力: 1612
威望: 1
当前: 河北廊坊
离线: 3 天

专长 网页设计,前端制作,ASP

115^# 大中小发表于 2007-9-25 09:53

受益匪浅，受益匪浅！
真的啊！

敝人的博客征集友情链接！

TOP

uqkun

初级会员

帖子: 35
体力: 81
威望: 0
离线: 58 天

116^# 大中小发表于 2007-9-25 15:17

就是就是。谢谢楼主

TOP

longkas

飞行部落

初级会员

帖子: 174
体力: 190
威望: 0
当前: 山东济南
离线: 9 天

117^# 大中小发表于 2007-9-26 04:07

对我帮助太大了

TOP

uqkun

初级会员

帖子: 35
体力: 81
威望: 0
离线: 58 天

118^# 大中小发表于 2007-9-26 18:37

谢谢，加油

TOP

ljyflash

新手上路

帖子: 5
体力: 12
威望: 0
离线: 303 天

119^# 大中小发表于 2007-10-4 00:09

不错.讲解形象生动.喜欢这样教程.

TOP

ljyflash

新手上路

帖子: 5
体力: 12
威望: 0
离线: 303 天

120^# 大中小发表于 2007-10-4 00:28

楼主真是新时代网络上的雷锋啊.再顶一个.

TOP