2015-02-11 51 views
0

简单的问题,我如何定位一个带有整个页面参考的项目?带页面参考的CSS定位

在我的情况下,我在我的标题中获得了一个浮动图像,然后是2套标题。当我使用时:

text-align: center; 

它使用图像的宽度结束和页面的其余部分的位置本身。如何使用页面中心参考对齐它?

看一看(对不起< 10声望):http://imgur.com/KSJq33q

在这里,像所有的环节:员工,应用程序..是中心的定位与整个页面。但NCAPP没有。

提前致谢。

+2

除非出现被绝对定位,它将受到它占据宽度的元素的影响。如果您在演示中提供了HTML和CSS,我们可能会进一步提供帮助 – 2015-02-11 14:45:03

+0

为了从Paulie_D上捎带回来,在偶然检查中,似乎NCAPP正受到AIPS元素的影响。要解决这个问题,请使用类似于'position:absolute'的方式从页面流中移除AIPS元素,并且NCAPP元素应该拉伸至100%宽度。 – SRing 2015-02-11 16:37:44

回答

-1

,将其调整到页面你需要绝对定位它,那么它将会相对于最近相对定位元素位置本身

居中,你可以使用这个CSS

.centered-div { 
position:absolute; 
top:0; 
right:0; 
bottom:0; 
left:0; 
} 
+0

这不是OP所要求的。您的代码将导致孩子完全覆盖相对定位的元素。 – 2015-02-11 15:26:12

+0

如果子对象具有宽度和高度设置,在这种情况下,它将居中,但仅覆盖它自己的宽度和高度。 afaik这是定位可以完成的唯一方法 – RexT 2015-02-11 16:55:19

+0

正确,但上面的代码没有设置任何高度和宽度。你可以试试这个 - http://codepen.io/Paulie-D/pen/RNxypP – 2015-02-11 16:58:08