CSS——定位-创新互联

CSS定位

1  定义元素框对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置

2  CSS有三种基本的定位机制

2.1   普通流

  按照其元素在HTML中的位置顺序决定排布过程

2.2   浮动

  浮动框可以向左或向右移动，直到它的边缘碰到包含框或另一个浮动框的边框为止

2.3   绝对定位

  绝对定位使元素的位置与文档流无关，因此不占据空间，这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对与它在普通流中的位置

3  定位属性

  position将元素放在一个静态的、相对的、绝对的或固定的位置，通过对top、left、right和bottom这四个属性的赋值让元素向对应的方向偏移

4   常用的定位属性

  overflow设置元素溢出其区域发生的事情

 clip设置元素的显示形状，多用于图片

 vertical-align设置元素的垂直对齐方式

 z-index设置元素的堆叠顺序

 fixed是将元素固定下来，就算滚动屏幕，它也会在同一个地方不会动

 static设置以后，偏移量什么的就没有用了

5  属性是float其值可以赋值为

 left元素向左移动

 right元素向右移动

 none不浮动

 inherit从父级继承浮动的属性

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。