使用flex布局，通过justifycontent center和alignitems center实现居中，灵活且现代grid布局使用grid布局，通过placeitems center实现居中，功能强大但需注意兼容性老式布局使用webkitbox属性绝对定位calc和margin auto结合宽高和负边距计算，子元素需有固定宽高fixed定位使用fixed定位实现。

1想要让文字在底部，需要用到 positionfixed bottom0px left0px2想要让文字居中，需要用到 textaligncenter3具体代码 ltdiv class=quotdiv_footquot copy20172018 ltdiv div_foot position absoluteheight 50pxtextalign centerlineheight 50pxwidth 100%。

scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~代码ltstylebody backgroundposition center背景居中ltbrbackgroundrepeat norepeat无重复ltbrbackgroundattachment fixed固定不动ltstyle下面的是在。

需要考虑该绝对元素的包含块是内联还是块级元素创建的内联的情况兼容性比较差，所以一般都避免让内联元素里面去包含块级元素，所以大部分还都是由块级元素创建包含块其containing block 由祖先的border内边界形成如果元素有属性 #39positionfixed#39，containing block 由视口建立。

在网页设计中，主体部分居中显示是一项常见的需求为实现这一目标，可以使用CSS的`margin 0 auto`属性具体而言，可以将主体部分的宽度设为1200像素，并通过`margin 0 auto`将其居中例如，主体部分的CSS样式可以这样设置main width 1200pxmargin 0 auto 这样设置后，主体内容将居。