簡易式的三欄式網頁格局

作者:   發佈於:  

在製做 opmsg 時,在想著,需不需要使用 blueprintcss 來做為頁面格局的框架,卻又覺得牛刀殺雞實在不快。所以自已做了一個只有三的格局: .column { float: left; margin-right: 15px; } .column.one { width: 200px; } .column.two { width: 600px; } .column.three { width: 140px; } .column.three:after { content: '.'; clear: both; visibility: hidden; } 使用方法就是寫三個 div, 分依次給 class 為 "column one", "column two", "column three",就可以讓他們三欄併列了,實際上的效果正如 opmsg.com

Labels: css