网站布局其实就是网页的框架结构喽,看看sina 的微博,个人主页那是个三栏的结构。
Nopcommerce2.8支持三种Layout:
单栏,双栏和三栏;分别定义在Views/Shared 目录的_ColumnsOne.cshtml,_ColumnsTwo.cshtml以及_ColumnsThree.cshtml中。他们三个还有一个”妈妈“,_Root.cshtml,而_Root.cshtml 又从_Root.Head.cshtml继承而来。
Layout of _Root.cshtml 大概是这样的:
他的css是这样放置的:
一栏,双栏,三栏其实都是放在上图Body里。
对于一栏来说,和_root 呈现的模样大致相同。
两栏又可以有多种结构:
图 两栏结构1 图2 两栏结构2
三栏:把body部分分作3块
图: 3栏1 图 3栏2