具体代码左浮动 floatleft右浮动 floatright三定位布局 1静态定位 positionstatic默认值，不写position相当于写上positionstatic以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了topleft等也不起作用2相对定位 相对定位是相对于自身的原始位置进行平移，如果设。

下面我们进行布局一般网页都是3层一级，所以我们需要div布局了在body里面写一般我会先分为3层 lthtml lthead lttitlelttitle ltlinkhref=quotmaincssquottype=quottextcssquotrel=quotstylesheetquot lthead ltbody ltdivid=quottopquot ltdivid=quottop1quotltdiv ltdivid=quottop2quotltdiv ltdivid=quottop3quot。

然后，对于那个包含两个小的，我们将其设置为display inlineblock或display block，使其内部的元素可以按照垂直方向排列具体代码示例如下ltdiv class=quotcontainerquot ltdiv class=quothorizontalleftquot左边内容ltdiv ltdiv class=quothorizontalrightquotltdiv class=quotverticaltopquot顶部内容ltdivltdiv。

在不固定高度的div元素自动填充整个页面高度时，可以通过以下CSS代码实现，确保children1children2两个div在高度方向上撑满parentDiv容器使用displayflex属性开启弹性布局设置flex1属性，确保子元素在弹性布局中占据相同的比例，实现自动填充添加flexdirectioncolumn属性，使布局在垂直方向上排列最后。

ltdiv style=quotmargin0px auto quot内容ltdiv这样就居中了 0px 代表上下边距为0，auto自动居中。