简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
コードフロートが機能しない理由がわかりません
lilove
lilove 2018-03-26 14:50:58
0
3
1570

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>3. 左右固定アダプティブの 2 列レイアウト</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>


lilove
lilove

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

全員に返信(3)
　
　2018-03-27 11:13:47 3棟

私は 2 階の意見に同意します

右側に div のためのスペースを残しておきたいから margin-right:200px;

を使用しますか?

しかし、div のデフォルトの幅は 100% です

したがって、 margin-right:200px; を設定した後でも、その後の div の幅は実際には 100% のままです

なぜなら、パディング、マージン、幅、ボーダーを合計すると実際の幅になります。コンポーネントの幅または高さ

いいねを押す +0
返信を追加
lilove432
lilove4322018-03-26 14:57:21 2棟

<div>main</div>

<div>right</div>

を

<div class="main">main</div> に変更してください。 class="right">right</div>

コードをもう一度テストしてください~

いいねを押す +0
返信を追加
lilove432
lilove4322018-03-26 14:52:30 1棟

コードを飲み込みに行ったら、クラスが消えてしまいました

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！