div の隠し属性コードは次のとおりです: 1. "
"、div 要素に "display:none" スタイルを追加して非表示にします。2. "" とすると、div 要素に hidden 属性を設定して非表示にします。
"、display 属性を使用して div を非表示に設定します。 2. "
"、hidden 属性を使用して div を非表示にします。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター
html の div の隠し属性コードとは何ですか
1. HTML では、style 属性を使用して、display:none スタイルを div 要素に追加することで、div 要素を非表示にすることができます。以下の例を見てみましょう: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute;top:0;">这是一个固定在顶部的div</div>
</body>
</html>ログイン後にコピー
このとき、先頭には通常のdiv要素が表示されますが、これに表示スタイルを設定してみましょう。は次のとおりです:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute; bottom:0;display:none;">这是一个固定在顶部的div</div>
</body>
</html>ログイン後にコピー
出力結果:
2. div 要素は、hidden 属性を使用して非表示にすることもできます。価格の非表示属性値を hidden に設定します。例は次のとおりです: 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute; bottom:0;" hidden="hidden">这是一个固定在顶部的div</div>
</body>
</html>ログイン後にコピー
出力結果:
推奨チュートリアル: "
HTML ビデオ チュートリアル
"
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
