0

Web サイトの右側に iframe を挿入して垂直パネルを作成したいと考えています。「パネル」とは、つまり、右側にある必要があり、ページの表示可能な高さ全体をカバーし、スクロールの影響を受けずに、Web サイトのコンテンツを (カバーではなく) 「プッシュ」する必要があります。

で padding-right を変更しようとしましたが、すべての Web サイトで機能するとは限りません (また、配置されていない要素にのみ影響します)。

http://orange.jobs/など、奇妙なレイアウトの Web サイトでも動作するはずです。

インジェクションは問題ありません (これは Chrome 拡張機能です)。

4

1 に答える 1

0

これは css を介して行うことができます。表示可能な高さ全体をカバーし、この要素の位置をサイトに固定するには、次のようにします。

position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 100px;

使用しないようにしてください

height: 100%;

これは、ブラウザごとに異なる方法でレンダリングされるためです。代わりに上下を使用してください。パーセンテージまたはピクセル値で幅を選択できます。

この CSS コードは、すべての html 要素に適用できます。配置に問題がある場合は、追加してみてください

display: block;

また

display: inline-block;

このためにjsFiddleを追加しました。

更新:
パネルがサイトのコンテンツを覆わないようにするには、body タグなどにマージンを追加します。

body {
    margin-right: 100px;
}

マージンはパネルの幅にする必要があります。jsフィドル

于 2013-08-15T11:14:12.157 に答える