作者chumsdock (微笑服务)
看板Web_Design
标题Re: [问题] CSS版面区块设定
时间Mon Apr 7 15:35:17 2008
三层其实一点也不多
甚至我觉得可以把container的左边和右边分别也包起来
布局的话，上面的三块和下面的一块用display:block，指定height就可以了
container里面，如果是多加一层的话，可以
#container #left{float:left}
#container #right{float:right}，具体的宽高再去填。
这样的好处是减少复杂性，其实多几层没关系。
如果只用container的话，可以
#container #left1, container #left2 {float:left}
#container #right1,
#container #right2{float:right}
只用如果wrapper的话，要#left1{clear:both}清除上面的浮动
然後其余如果宽高合适也可浮动到正确的地方最後用#footer {clear:both}
但是这样理论上没有问题，但遇到浏览器表现不一的情况会很难调整。
不过如果你希望用absolute定位，这些都不用怎麽考虑，问题在於不能动态调整尺寸
※ 引述《etchen (『M.』)》之铭言：
: http://mis2.nkmu.edu.tw/931241016/css.JPG
: 这是我预先想好的CSS区块，
: 比较有问题的就是，
: CONTAIN那部分我有包起5个区块，
: 这样WRAPPER+CONTAIN+5个区块就三层了，
: 还是我可以WRAPPPER+5个区块变成两层就可以了？
: 还有那五个区块的POSITION我不是很懂>_<
: 不知道要怎麽设置那五个的POSITION，
: 是都用FIXED之後再设与左上点的距离吗？
: 谢谢^^
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 166.111.39.29
1F：推 etchen:所以大大的意思是说用ab定位会比较好吗@@? 04/07 15:44
2F：→ chumsdock:ab是简单粗暴，但是每个区块都要填死位置，很不灵活 04/07 15:45
3F：→ chumsdock:用float的办法是很直观理解，而且容易动态改变尺寸 04/07 15:47
4F：推 etchen:我看有个网页写ab的意思是说当网页往下拉时，元素位置会改 04/07 15:49
5F：→ etchen:变。意思是说假如我top在上面，当网页网下拉时，他会移动吗 04/07 15:50
6F：→ chumsdock:ab是可以移动的。fixed是不移动的，但IE不支持。 04/07 15:52
7F：推 etchen:谢谢c大，我再试看看！ 04/07 17:06