href="styles/rexsong/styles.css" type="text/css" rel="stylesheet" /> title="一葉の千鳥's Blog - RexSong.com" href="http://www.rexsong.com/blog/feed.asp" type="application/rss+xml" rel="alternate" /><script type="text/javascript" language="javascript" src="common.js"></script><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript"> _uacct = "UA-67927-3"; urchinTracker(); if (top.location != self.location)top.location=self.location; </script>
针对五个模块的不同类型布局demo,基本上概括了所有需求,很有代表性。注意dtd为strict模式,编码是已改为utf。
个人觉得虽然实用有限,但作为技术参考,一定程度上总结了很多解决方案。
固定代码架构,分为五个部分 eader, content, navigation, other stuff and footer
<div id="container">
<div id="header">Header</div>
<div id="wrapper">
<div id="content">Content</div>
</div>
<div id="navigation">Navigation</div>
<div id="extra">Extra stuff</div>
<div id="footer">Footer</div>
</div>
<div id="header">Header</div>
<div id="wrapper">
<div id="content">Content</div>
</div>
<div id="navigation">Navigation</div>
<div id="extra">Extra stuff</div>
<div id="footer">Footer</div>
</div>
作者是意大利设计师,标题不好翻译,看示意图加例子就明白了。