踌躇
css 三行布局 满屏自适应 底部对齐 的某个样式
Comments
[其实这个方法已经过时了。不强壮不完美,娱乐看看吧。注于:09-03-30]
这个标题想的我龇牙咧嘴……
照例效果图
[img][attach]30[/attach][/img]
这是一种比较常见的布局。
TOP、BOTTOM固定高度,MAIN高度不定,BOTTOM底部对齐。
解题关键字:百分比,position[separator]
1.定义页面的高度为100%
[img][attach]31[/attach][/img]
[color=#800080]html,body {
CSS某布局形式
Comments
先看效果图
[img][attach]23[/attach][/img]
做到图上的布局形式,4个DIV。
用绝对定位或者MARGIN负值定位没难度。
但我不喜欢绝对和负值,所以要在全正值的情况下进行布局。
这个问题在猪肉还是5元的时候就困扰了我很久。
昨天才得到解决。。。(看《精通CSS网页布局》试读第7章某节豁然开朗)
[separator]
一步步来(注意DIV的顺序)
[img][attach]17[/attach][/img]
1.新建DIV 1,宽300高100文本流向左(float:left;你看中文编码多牛B)
————————————————————————————————
[img][attach]24[/attach][/img]
2.新建DIV 2,因为DIV1具有有“文本流向左”属性,所以DIV2流至DIV1右边
————————————————————————————————
[img][attach]19[/attach][/img]
3.设置DIV2 宽100高300 margin-top:10px;
clear:left;(清除向左)float:left;(文本流向左)
因为clear:left;所以“换行”于DIV1下面。
在这里,DIV2已经脱离了文档流。
————————————————————————————————
[img][attach]20[/attach][/img]
4.新建DIV3,因为DIV1设置了float:left;,DIV2设置了float:left;clear:left;
DIV2脱离了文档流,所以DIV3向左浮动至DIV1右边。
(在FF下是这样。DIV3高度改了下方便看)
[img][attach]25[/attach][/img]
————————————————————————————————
[img][attach]21[/attach][/img]
5.设置DIV3宽100高300.
因为IE6和FF对DIV3显示位置不同,所以对IE6进行HACK。
margin:0px 0px 0px 310px;/*ff*/
*margin:0px 0px 0px 10px;/*ie6*/
————————————————————————————————
[img][attach]22[/attach][/img]
6.建立DIV4。
————————————————————————————————
[img][attach]23[/attach][/img]
7.DIV4宽300高100,在显示位置的问题上和第5步一样。要进行同样HACK。同理设置下。
————————————————————————————————
总结:利用clear:left;与float:left;使DIV2脱离文档流,让再后面的DIV3向左至DIV1。
其实对于FF下DIV3和DIV4的位置显示,总觉得DIV1也脱离了文档流。功力不够,有知道的说下。
BTW:浮动的对象和没有设置浮动的对象之间在IE6下会出现3PX间隔,在这个例子下我是用*border:7px solid #ffffff;进行伪装。
解决方法很多。源码在第2页
[newpage]
[quote]CSS部分
body {
你总喜欢
Comments
你总喜欢追寻过去
却不记得珍惜现在
你总喜欢证明羁绊的存在
却忘了羁绊在风雨中飘摇
你总喜欢在意那些无关紧要的过去
当宝一般收集在手心紧握
破裂的碎片划的遍体鳞伤
事后好了伤疤。忘了疼。
你总固执在自己创造的回忆
靠一次次妄想打动自己
感动自己
那个疼的掉眼泪的自己
你总是喜欢
扔掉。走远。
跑回来,再捡起。
再扔掉。
你总是喜欢这样
我就是这样。
海越。
]]>
蝴蝶效应:一场自以为是的命运
Comments
[img][attach]16[/attach][/img][separator]
这部电影中异常的悲观,无以复加的消极,影响了我2个星期……
大多数人认为这剧情用“平行宇宙”可以解决很多问题。
是的,当时我也这么认为。
但最后,仅仅是一场自以为是的命运,一场快乐、痛苦、无奈、悔恨、绝望的悲惨命运……
为什么说是命运?
幼年时期的失忆是因为成年后的“穿越”造成的。
命运给了主角可笑的能力,自以为能改变过去,改变命运的错觉。
无意识的次数以及穿越的次数都是固定的,这是不能改变的。
这才是命运的本质。
可惜主角没看透,不停的穿越不停的后悔不停的流鼻血。
一场为了改变命运的表演,一切按着剧本,有序安定的推动情节的发展。
最终以自缢谢幕。
这电影对“命运掌握在自己手中”是多么强有力的嘲讽。
以为自己改变了,其实这一次“改变”也是命运中的一部分。
PS:蝴蝶效应2是大便。
PS2:我写的什么大便东西。。。
]]>
Mabinogi-洛奇
Comments
前天心血来潮点开了洛奇官网,每次版本更新都会有搞笑/有趣的宣传动画.
就算没玩过这游戏的人也会被宣传动画吸引住吧.(反正我是每看一次被吸引一次…)[separator]
一看版本号..G7..突然想起从MABI内测到公测,再到正式运营后玩了整个暑假.
最后才觉得初章-内测大家都小白的时候才是最开心的啊.
记得是敦巴伦吧(可能记错了也)每天早晨(游戏时间)跑到NPC前做兼职,
一圈做完后差不多也中午了,再理理包,打打果子.到晚上的时候就一群人围着篝火聊聊天,往火里扔钱等等..
不知不觉就凌晨了,大家再互道再见.又是新的一天.
我想那时候的MABI很休闲吧.因为有一群休闲的玩家.
公测?喔.公测了,还是初章.玩了1个月没新的东西玩了.AFK..
那年暑假听AA小邹说他们也在玩,而且是同服.那么便回来了.
认识了兔兔,糖果虫虫,茹影随行.恩…印象中深刻的只有这3个人..
哎呀.本想感叹下内测时候的开心回忆,怎么一扯扯那么多了呢…
不说了吧.最后放上保存了若干年的图.
[img][attach]11[/attach][/img]
左是某傻兔,右当然是我啦….
]]>
肖申克的救赎
Comments
[img][attach]2[/attach][/img]
老片的确如传说中的:非常好看.
可以说是越狱第1季的灵感起源吧
影片诠释了很多东西.
仅仅是我看的话.
[color=#FF0000]无论逆境困境,也不要放弃名为希望的东西.[/color]
]]>
连上帝都被感动得哭了
Comments
[img][attach]1[/attach][/img]
人再懒也不能懒成这样是吧。
……CY我对不起你。
后记:再看这图我发现一个很诡异的地方。
图上说我06年10月注册的。
可是又说近700天没登陆。
肯定没记错的话。今天是07年10月30?
- -。。那多出来的300天哪来的。。。
]]>
Comments