亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

width:200px;height:30px;指的是將內容的寬度設為200像素,高度設為30像素嗎?而不是盒子的寬度和高度?

<style type="text/css">

li{

? ? border:1px dotted #ccc;

? ? width:200px;

? ? height:30px;? ?

}

</style>


正在回答

14 回答

是盒子的寬和高啊,內容填充到盒子內部啊,因為沒有設置內邊距所以內容緊挨著盒子邊框顯示

0 回復 有任何疑惑可以回復我~
#1

陌上花開lovego 提問者

3Q!
2016-08-17 回復 有任何疑惑可以回復我~
#2

qq_謎離_03319966

我覺得css里面設置width和height是設置內容的大小 如果是指盒子的大小 做個試驗 假設是盒子的大小 新增加屬性padding:10px 那么盒子大小依然不變 反之亦然 結果整體變大了 所以假設不成立 width和height是指內容的大小
2016-09-26 回復 有任何疑惑可以回復我~
#3

白小九

不對哦。W3C標準盒模型中,width和height指的是內容的寬和高。
2016-11-07 回復 有任何疑惑可以回復我~

這里的width和height指的是內容的寬度

為什么呢 我在代碼里面加入padding=10px 發現整體變大了 如果這里的width和height指的是盒子的

那么整體大小應該不變的 或者內容變小

1 回復 有任何疑惑可以回復我~

是不是在未設置margin,border和padding的時候,就沒有邊界,邊框和填充,默認內容撐滿!所以內容的width和height,就是盒子的width和height!

0 回復 有任何疑惑可以回復我~

是里面的文本的把

0 回復 有任何疑惑可以回復我~

是內容的寬高。你們試試設置margin和padding,然后查看顯示區的代碼,那里能看到盒子模型尺寸,設置的margin和padding是在200和30上額外加的。

0 回復 有任何疑惑可以回復我~

盒子的寬度和高度

0 回復 有任何疑惑可以回復我~

眾說紛紜,暈了

0 回復 有任何疑惑可以回復我~

css內定義的寬(width)和高(height),指的是填充之內的內容的寬度和高度。

border默認值為0,margin和padding值不設定的話各個瀏覽器有不同默認值。

元素實際寬度(盒子的寬度)=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。

元素實際高度(盒子的高度)=上邊界+上邊框+上填充+內容高度+下填充+下邊框+下邊界。

3 回復 有任何疑惑可以回復我~

盒子的

0 回復 有任何疑惑可以回復我~

你這里的width和height是盒子的高度和寬度吧,內容的高度寬度可以相對盒子大小用padding設定

1 回復 有任何疑惑可以回復我~
#1

陌上花開lovego 提問者

那怎么設定內容的寬度呢?請給詳細代碼,謝謝
2016-08-17 回復 有任何疑惑可以回復我~
首頁上一頁12下一頁尾頁

舉報

0/150
提交
取消

width:200px;height:30px;指的是將內容的寬度設為200像素,高度設為30像素嗎?而不是盒子的寬度和高度?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號