ホームページ  >  記事  >  ウェブフロントエンド  >  CSS レイアウトによる div 位置の保存例を完成させます

CSS レイアウトによる div 位置の保存例を完成させます

零下一度
零下一度オリジナル
2017-06-24 11:43:231380ブラウズ

CSS+DIV

データを div にカプセル化します。ページは多くの div で構成されます。これらの div 位置の保存は、CSS レイアウトを通じて (CSS 属性レイアウトを通じて) 行われます。

border:{

-Left

- right

-top

- bottom

}; :1px 破線 #ccc;

border-right:1px dotted #ccc;

border-left:1px double #ccc;

};

実線: 実線

破線: 点線

点線: 点線

double: 二重線

パディング/パディング

属性: パディング{

--top

--bottom

--right

--left

};

padding : 20ピクセル 20ピクセル 20ピクセル20px;

Margin

margin属性 {

--top

--bottom

--right

};

margin:20px 20px 20px 20px

div内、マージンが 0 の場合、px、まだ空白があるのはなぜですか? 空白とは、本文自体とブラウザの境界線の間の距離です。

そのため、 body{margin:0px} を設定する必要があります。

ブラウザはさまざまな方法で本文を解析し、その結果、側面の幅や狭い側面が異なります。

以上がCSS レイアウトによる div 位置の保存例を完成させますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。