width:200px;height:30px;指的是將內容的寬度設為200像素,高度設為30像素嗎?而不是盒子的寬度和高度?
<style type="text/css">
li{
? ? border:1px dotted #ccc;
? ? width:200px;
? ? height:30px;? ?
}
</style>
<style type="text/css">
li{
? ? border:1px dotted #ccc;
? ? width:200px;
? ? height:30px;? ?
}
</style>
2016-08-16
舉報
2016-08-16
是盒子的寬和高啊,內容填充到盒子內部啊,因為沒有設置內邊距所以內容緊挨著盒子邊框顯示
2016-09-26
這里的width和height指的是內容的寬度
為什么呢 我在代碼里面加入padding=10px 發現整體變大了 如果這里的width和height指的是盒子的
那么整體大小應該不變的 或者內容變小
2016-09-22
是不是在未設置margin,border和padding的時候,就沒有邊界,邊框和填充,默認內容撐滿!所以內容的width和height,就是盒子的width和height!
2016-09-05
是里面的文本的把
2016-08-25
是內容的寬高。你們試試設置margin和padding,然后查看顯示區的代碼,那里能看到盒子模型尺寸,設置的margin和padding是在200和30上額外加的。
2016-08-16
盒子的寬度和高度
2016-08-16
眾說紛紜,暈了
2016-08-16
css內定義的寬(width)和高(height),指的是填充之內的內容的寬度和高度。
border默認值為0,margin和padding值不設定的話各個瀏覽器有不同默認值。
元素實際寬度(盒子的寬度)=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。
元素實際高度(盒子的高度)=上邊界+上邊框+上填充+內容高度+下填充+下邊框+下邊界。
2016-08-16
盒子的
2016-08-16
你這里的width和height是盒子的高度和寬度吧,內容的高度寬度可以相對盒子大小用padding設定