css定位层级,css div布局的基本步骤

css定位层级,css div布局的基本步骤

.c1{width:100px;height:100px;background-color:rgb(255,0,0);position:relative;}.c2{width:200px;height:100px;backgr此时，定位元素有级别。 元素在top5.Stackinglevelz-index2.Advancedskills1.CSSElfCase:JDService2.FontIconCase:FontIconExperience3.CSSmodificationproperties1.Verticalalignment2.Transition3.Transparencyopacity4.CursortypecursorComplivecase:Carousel

1.定位：定位是一种更高级的布局方法。通过定位，我们可以将元素放置在页面上的任何位置。使用position属性来设置定位可选值：static：默认值为静态。无/*css编写：1.定位/浮动/显示；2.Boxmodel；3.文本属性*/.box{position:relative;right:200px;bottom :400px;左:100px;上:200px;/*1. 占据原来的位置

（°ο°） 1.父元素的定位必须是已设置的且不是静态的。 2.定义为绝对属性后，将脱离文档流。 3.如果父元素没有定位属性，则继续查找。1.定位层：定位层的第一层是文档流中的父元素，它会自动创建定位层。 ，所有子元素都将属于这个定位层。 2.锚点：定位图层中的锚点是元素本身的中心点。

它适用于需要在网页中特定布局位置的元素，并且通常出现在嵌套盒模型中。 定位分为静态定位、相对定位、绝对定位、固定定位。 CSS分层CSS定位CSS可以通过定位属性将元素放置在页面上的任何位置。 属性名称：position属性值：static默认值，元素为静态且未启用定位relative相对定位absolute绝对定位fixed