Firefox の奇妙な動作: テーブル要素を位置:相対で配置する
CSS の位置決めの世界では、Firefox が標準的なルール。ただし、Web 開発者は、
| 解決策:この Firefox の特性を克服するには、独創的な回避策が必要です。開発者は、表のセルを直接配置する代わりに、その内容を 内にラップできます。要素と適用位置: その
を基準とした相対位置例:次の HTML および CSS コードを考えてみましょう。このシナリオでは、外側の
内側の はテーブルのセルを基準にして配置されます。は外側の
内に絶対的に配置されます。この回避策により、Firefox で望ましい配置動作が可能になります。結論:Firefox が標準の動作から逸脱しているとイライラすることがありますが、上記の回避策は洗練された解決策を提供します。 。この手法を採用することで、Web 開発者は、Firefox 特有の癖に対処する場合でも、異なるブラウザ間で一貫した位置を確保できます。
以上がFirefox のテーブル セルで「position:relative」が失敗するのはなぜですか?どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。 ソース：php.cn
前の記事：Google の CDN から jQuery UI CSS とテーマをダウンロードするにはどうすればよいですか?
次の記事：スタイルシートに「リソースはスタイルシートとして解釈されましたが、MIME タイプ text/html で転送されました」と表示されるのはなぜですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません
Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2194
Google Chromeのモバイル版を表示する方法
こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2341
親ウィンドウには出力がありません
document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1851
関連トピック
詳細>
|
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
