0

これはちょっと説明が難しいです。ページに固定オブジェクトがある Web サイトがあります。ほとんどの場合、これで問題ありませんが、モバイル デバイスを使用する現在では問題が生じます。誰かがウェブサイトを拡大すると、固定されたオブジェクトが外れます。

画面上で垂直位置にロックされている間、オブジェクトを水平ベースで移動させる方法はありますか?

元のウェブサイト

オブジェクトの CSS

#sidebar{
    width: 250px;
    height: 325px;
    background: url(../../uploads/SRTWeert/sidebar.png) no-repeat 50px 45px;
    position: fixed;
}

HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body>

<div id="bg">
<img src="uploads/SRTWeert/background.png" alt="background" id="background">
</div>

<div id="contentBlock">
    <div id="sidebar"></div>
    <div id="main"></div>
</div>


</body>
</html>
4

1 に答える 1

0

top プロパティと left プロパティを使用して、この div を強制的に画面に表示することができます。

例ごとに：

top: 20%;
left: 0;

div が常に左に、上から 20% にとどまるように強制します。(固定位置または絶対位置が必要です)。

これはあなたが欲しかったものですか？

于 2013-05-31T10:52:44.507 に答える