门户布局（内含前端小技巧）

​

先给定一个代码段

<div class="one">
    <div class="two">
      <div class="three">
        <div><a href="....">12</a></div>
        <div><a href="....">12</a></div>
        <div><a href="....">12</a></div>
      </div>
    </div>
</div>

        作为门户页面，页面整体布局不用想不能很乱，同样不能过于凌乱，简而言之就是整体给人小清新的感jiao，你太乱，顾客会觉得你这页面说了半天说不到重点，你这太乱，又会觉得这设计者都不那摩得体，往后更不用想，所以布局，是前端的基础。

        那么就拿上例做基础，N个div，要让这呈现出1200px且内容位于正中间，怎么做？

        它来了，设置办法就是：1、设置最外层div的宽度为100%，且margin：0 auto

2、其后在该div下一层的div中设置宽度为1200px

那么关于门户的大体布局就是这样咯。

（拓展）

一个关于前端的小手！没错小手，可见很多链接在鼠标滑入一个div都会将箭头变成小手，触感很客观，那么我们这怎么设计呢？

没错，它又来了。

div a:hover{
    cursor: pointer;
}

 

​