DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> css padding與寬度width關系
css padding與寬度width關系
編輯:布局基本知識     

css padding-left padding-right與width寬度關系

padding是設置對象盒子邊框內間距距離(對象與內容間距),設置padding-left和padding-right多少寬度將會增加多少。

也就是padding-left或padding-right或同時設置padding-left和padding-right值時,設置多少對象寬度將會增加多少,只是內容部分寬度沒有增加,增加總寬度只不過是邊框到內容間距增加。

padding與寬度關系實例說明圖
padding與寬度關系實例說明圖

從上實例分析圖看出,DIV設置寬度200px,padding-left設置30px,實際得到此DIV盒子總寬度230px。

總結:設置CSS padding是會增加對象寬度和高度尺寸的,所以在實際布局時候要計算好寬度,如果要規定總寬度,別忘記設置padding要減去相應設置值,達到布局寬度要求。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved