如何保持我的元素排队并保持在同一位置？

Question

所以我要建立一个网站，请看这里。 www.girlzwithmoustaches.com/test2

我想将内容排列在最上面的黑线......然而，当我在一个屏幕上进行排列时，它在另一个人屏幕上看起来不同。要么它太向右，太短，要么底部重叠......

我使用方形空间和CSS ...我试图用位置定位东西：relatve;顶部：#PX;左：#PX;

.....

我需要添加什么？继承我的css ......

.socialbanner {
    position: absolute;
    top: 20px;
    left: 0px;
    padding-right: 150px;
}

#headerpart {
    width: auto;
    height: 100px;
    margin-top: 0px;
    vertical-align: center;
}

#headerpart .socialicons {
    display: inline-block;
    padding: 3px;
    position: relative;
    top: 5px;
    left: 925px;
}

.linebreak {
    color: #434343;
    position: relative;
    top: 60px;
    left: 0px;
    height: 5px;
    max-width: 1100px!important;
    position: relative;
    min-width: 840px!important;
}

Answer 1

尝试在css中创建这样的东西。 宽度取决于你。

.main {
    width: 1000px;
    margin: 0px auto;
}