में फ्लोट साफ़ करें मेरे पास यह कोड है और मैं 2 विधियों का उपयोग करके फ्लोट को साफ़ करने की कोशिश कर रहा हूं: overflow
और clear
, लेकिन यह ऐसा नहीं लगता है।सीएसएस
body {
border: 1px solid;
padding: 0 auto;
}
header {
height: 25%;
border-bottom: 1px solid;
}
header #logo {
float: left;
text-align: center;
width: 25%;
}
header #titre {
background: black;
color: white;
float: right;
text-align: center;
width: 75%;
}
#xd {}
nav {
width: 25%;
text-align: center;
float: left;
}
section {
border-left: 1px solid;
width: 75%;
float: right;
text-align: center;
}
.clr {
clear: both;
}
<!DOCTYPE html>
<html>
<body>
<header>
<div id="titre">
<h1>sécurité des réseaux</h1>
</div>
<div id="logo">
<h1>logo</h1>
</div>
<br class="clr" />
</header>
<div id="xd">
<nav>
<h1><a href="#">#</a></h1>
<h1><a href="#">#</a></h1>
<h1><a href="#">#</a></h1>
<h1><a href="#">#</a></h1>
<h1><a href="#">#</a></h1>
</nav>
<section>
<h1>Firewall (pare-feu)</h1>
<p>
Chaque ordinateur connecté à internet (et d'une manière plus générale à n'importe quel réseau informatique) est susceptible d'être victime d'une attaque d'un pirate informatique. La méthodologie généralement employée par le pirate informatique consiste
à scruter le réseau (en envoyant des paquets de données de manière aléatoire) à la recherche d'une machine connectée, puis à chercher une faille de sécurité afin de l'exploiter et d'accéder aux données s'y trouvant.
</p>
<p>Cette menace est d'autant plus grande que la machine est connectée en permanence à internet pour plusieurs raisons :
</p>
<ul>
<li>La machine cible est susceptible d'être connectée sans pour autant être surveillée ;</li>
<li>La machine cible est généralement connectée avec une plus large bande passante ;
</li>
<li>La machine cible ne change pas (ou peu) d'adresse IP.
</li>
</ul>
</section>
<br class="clr" />
</div>
</body>
</html>
मुझे समझ नहीं आता क्यों पाठ nav
में पहला तत्व के साथ लाइन में नहीं कर रहे हैं।
और सीमा भी यह पूर्ण नहीं है। यह क्यों हो रहा है और इसे कैसे ठीक किया जाए?
धन्यवाद आप भाई यह काम करते हैं कि आप यह समझने में मेरी सहायता कर सकते हैं कि यह –
क्यों काम करता है आपकी चौड़ाई 25% + 75% = 100% + सीमा 1 पीएक्स इसलिए एकल लाइन, प्रदर्शित नहीं करती है इसलिए हमने 'बॉक्स-आकार: सीमा-बॉक्स' सीमा के लिए 75% अनुभाग में शामिल हैं और एकल लाइन प्रदर्शित करते हैं। –