首頁  >  問答  >  主體

不知為何我程式碼浮動不起作用

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>3.兩列佈局右邊固定左邊自適應</title>

<style type="text/css">

#.main {

height:600px;

background-color:skyblue;

margin-right:200px;

}

#.right {

width:200px;

height:600px;

background-color:lightgreen;

float:right; /*設定區塊元素的右浮動* /

}

</style>

</head>

<body>

<div>主體</div>

<div>右側</div>

</body>

</html>


lilovelilove2421 天前1566

全部回覆(3)我來回復

  •  

     2018-03-27 11:13:47

    同意二樓觀點  

    你使用margin-right:200px;

    是想給右邊div留位置出來吧?

    但是div預設寬度100% 

    所以你設定margin-right:200px;之後的div寬度其實還是100%

    因為padding,margin,width,border 加起來才是組件的真實寬度或高度

    回覆
    0
  • lilove

    lilove2018-03-26 14:57:21

    請將

    <div>主體</div>

    #<div>右側</div>

    改為

    <div class="main">主體</div>

    <div class="right">右側</div>

    再測試程式碼~

    回覆
    0
  • lilove

    lilove2018-03-26 14:52:30

    我去怎麼吞程式碼了,class沒了

    回覆
    0
  • 取消回覆