3

このページをチェックしてください: http://badadesigns.com/work438/

このページの上部にはソーシャル メディアのアイコンがありますが、ページの右側に配置されていません。ブラウザー ページのサイズを変更すると、配置が変更されます。

どのコードが使用されているかはよくわかりませんが、これだと思います。

#logincont {
    width:330px;
    float:left;
    margin-left:1145px;
}

ページの右側の境界線に沿って固定されて設定されるように、配置を手伝ってくれる人はいますか?

4

4 に答える 4

3

div#logincontが設定されており、不要float:leftな巨大なものがあります。margin-left

float: rightこのように余白なしである必要があります

#logincont {
    width:330px;
    float:right;
}

更新: 私の理解が正しければ、ソーシャル メディアのアイコンを右側に配置する必要がありますが、サイトのコンテンツよりも遠くに配置する必要はありません。

これを試して ：

#logincont {
    width: 940px;
    text-align: right;
    margin: 0 auto;
}

width は#contentdiv の幅に設定され、コンテンツ#logincontは右揃えになり、#logincontそれ自体はページの中央に配置されます。margin: 0 auto

于 2013-03-29T13:16:52.713 に答える
0

すべてのコンテンツをビュー内にとどめようとしている場合は、これを修正してみてください。

#logincont {
postition:absolute;
right:2px;
}
于 2013-03-29T13:15:17.323 に答える
0

これを試すことができます：

#logincont {
    width:330px;
    float:right;
}

要件と要素のタイプに基づいて、さらにプロパティを追加する必要がある場合があります。

于 2013-03-29T13:16:22.383 に答える
0

具体的に何を探しているのかわかりませんが、これを試してください：

#login {
background: #113240;
color: #DDD;
height: 30px;
padding: 8px;
position: fixed;
z-index: 3;
top: 0;
right: 0;
left: 0;
}
#logincont {
width: 330px;
position: fixed;
right: 0;
}
#header {
background: white;
border-bottom: 1px solid #EBEBEC;
padding: 4.429em 0 0;
position: relative;
z-index: 1;
}
于 2013-03-29T13:30:25.060 に答える