关于网页计划中的绝对定位和居中
发布时间：2018-09-07 03:48:08 所属栏目：运营 来源：站长网
导读：绝对定位和居中应该没有相关吧，相关不大，但有两种非凡环境也许碰见这样的题目。 body div id=warpper div id=header/div div id=sidebar/div div id=content/div? /div extraDivspan/span/extraDiv body 1 假如div#header,div#header,#header都是用绝对定
|
绝对定位和居中应该没有相关吧，相关不大，但有两种非凡环境也许碰见这样的题目。 <body> <div id="warpper"> <div id="header"></div> <div id="sidebar">/div> <div id="content"></div? </div> <extraDiv><span></span></extraDiv> <body> 1 假如div#header,div#header,#header都是用绝对定位，怎样让他们居中呢？ #header, #sidebar, #content { position: absolute; } 可以这样做： #warpper { position: relative; width: 800px; margin: 0 auto; } 2 怎样对div#extraDiv举办居中？ 留意，这个div在div#warpper的表面，我在csszengarden中相识了这么一个要领：起首将父元素绝对定位于页 面的最左边，并将其宽度指定为100%，在程度偏向铺满整个赏识器，然后将其子元素配置为居中。 #extraDiv { position: absolute; width: 100%; } #extraDiv span { width: 800px; margin: 0 auto; } 假如css有点基本了，保举各人去看一下csszengarden，确实是本好书。 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
