gugod

在製做 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