css+div浮動怎么讓它在窗口大小變化時不改變位置


問題:我的css+div浮動在窗口最大化時是ok的 但是窗口變小后 東西就亂了

 

解決方式:

給浮動的外層標簽加個寬度

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<style>

.main{
width: 810px;
}

.div1,.div2{
width: 400px;
height: 400px;
border: 1px solid red;
float: left;
}



</style>

</head>
<body>

<div class="main">
<div class="div1">欄目1</div>
<div class="div2">欄目2</div>
</div>


</body>
</html>
給外層一個固定的寬度,保證他不變形。







免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM