ホームページ > 記事 > ウェブフロントエンド > div幅を教育用に適応させる

div幅を教育用に適応させる

php中世界最好的语言オリジナル: 2017-11-29 11:46:185640ブラウズ

CSS レイアウト中、div にスタイルが設定されていない場合、div は排他的な行を占有し、デフォルトの CSS スタイルは幅 100% であることは誰もが知っています。そこで、今回は幅に適応する DIV を実装する方法を説明します。コンテンツが増えるにつれてゼロから増加しますか？最初から幅を 100% 幅に設定する代わりに

解決策:

CSS float を使用して、div のデフォルトの 100% 適応幅をゼロから広い適応幅効果にします。

css を使用して div の幅を最初から開始する小さなケース

1. 完全な HTML+CSS コード

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>小实例</title> 
<style> 
.case{ float:left} 
</style> 
</head> 
<body> 
<div>未设置float内容一</div> 
<div>未设置float内容二</div> 
<div class="case">加float样式的内容三</div> 
<div class="case">对其加float样式的内容四</div> 
</body> 
</html>

キーコード: floatfloating スタイルを div に追加して、幅が 100% で始まらないようにします。コンテンツの量。スパンの初期幅と同様に、コンテンツが増加するにつれて増加します。

概要:

CSS を介して div に float を設定すると、div のデフォルトの全画面幅スタイルが削除されますが、一般に、コンテンツの幅を最初から調整するボックスを使用する必要があり、float フローティングを使用できない場合は、スタイルは、span タグを使用して実現できます。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他の関連記事に注目してください。