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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页标题:CSS——定位-创新互联
标题URL:http://myzitong.com/article/dgocjg.html