前端知识必备之定位

       我们在项目中如果想让页面更加规范化或者是布局更加流畅，定位是必不可少的，我们知道在页面里面使用“子绝父相”的原则，我们能解决很多页面的复杂布局问题，今天我们来介绍几个特殊的布局。

     一.圣杯布局

     喜欢跟我一样看足球的小朋友们一定知道大力神杯吧，那么我们的圣杯布局到底是什么样子的呢？打开我们的淘宝页面，无论我们怎样改变浏览器的大小，但是我们的搜索框的大小和两边的内容总是不会随着浏览器消失的，那这又是什么原理呢？

     特点：左右两边的内容保持不变，中间的娥内容根据屏幕的大小的改变而改变，原理就是使用margin-left：负数的使用还有content也可以给最大的div设置min-width。

    二.滑动门

    这里先给大家补充一个对齐的技巧，就是如果你用了很多方法就是无法对齐页面上的两个元素，那么浮动是一个很好的选择。

    这里的滑动门布局是什么呢？我们会发现拿到设计师的设计稿，有些很好看的导航（一般是在手机端），但是他们分为两个部分，那么我们怎么对他们进行布局又是一个很重要的问题，让我们来解析一下吧！

   我们用到的margin可以设置为负数，这样的话可以显示所有的内容！

   三。各种三角

   这个就比较复杂了但是还是定位。