suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Ich weiß nicht, warum mein Code-Float nicht funktioniert

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>3. Zweispaltiges Layout rechts fest links adaptiv< ; /title>

<style type="text/css">

.main {

height:600px;

background-color:skyblue;

margin-right:200px;

}

. right {

width:200px;

height:600px;

background-color:lightgreen;

float:right; /*Legen Sie den rechten Float des Blockelements fest*/

}

</style>

</head>

<body>

<div>body</div>

<div>right</div>

</body>

</html> ;


lilovelilove2437 Tage vor1585

Antworte allen(3)Ich werde antworten

  • 　

    　2018-03-27 11:13:47

    同意二楼观点  

    你使用margin-right:200px;

    是想给右边div留位置出来吧？

    但是div默认宽度100% 

    所以你设置margin-right:200px;之后的div宽度其实还是100%

    因为padding，margin，width，border 加起来才是组件的真实宽度或高度

    Antwort
    0
  • lilove

    lilove2018-03-26 14:57:21

    请将

    <div>主体</div>

    <div>右侧</div>

    改为

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

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

    再测试代码~

    Antwort
    0
  • lilove

    lilove2018-03-26 14:52:30

    我去怎么吞代码了，class没了

    Antwort
    0
  • StornierenAntwort