简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Ich weiß nicht, warum mein Code-Float nicht funktioniert
lilove
lilove 2018-03-26 14:50:58
0
3
1567

<!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> ;


lilove
lilove

一个混迹在二次元边际的程序员

Antworte allen(3)
　
　2018-03-27 11:13:47 3 Etage

同意二楼观点  

你使用margin-right:200px;

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

但是div默认宽度100% 

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

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

Wie +0
Antwort hinzufügen
lilove432
lilove4322018-03-26 14:57:21 2 Etage

请将

<div>主体</div>

<div>右侧</div>

改为

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

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

再测试代码~

Wie +0
Antwort hinzufügen
lilove432
lilove4322018-03-26 14:52:30 1 Etage

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！