重新表述下，width和height定義的都是內(nèi)容的寬和高，為什么左右邊框會能適應(yīng)內(nèi)容和填充的寬度而變，上下邊框是固定的文字會超出下邊框，而且定義的下部填充似乎沒有起到作用，感謝各位的解答
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{padding:10px 100px 20px 10px;
? ? width:100px;
? ? height:100px;
? ??
? ? border:10px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1盒子1</div>
</body>
</html>
2017-07-18
在div盒子中有文字的情況下不設(shè)置盒子高度，文字會自動將盒子撐開。
去掉height:100px;就可以了。
如果一定要規(guī)定盒子的大小，可以讓超出部分的多余文字顯示成“...”，具體操作查詢百度，很多
2017-07-18
文字范圍height超過200px;
padding:100px;100px;100px;10px
padding:100px 100px 100px 10px;
2017-07-18
文字范圍height超過200px;
padding:100px;100px;100px;10px;不是這樣寫吧
padding:100px 100px 100px 10px;
你試試padding-bottom:150px; 看看
2017-07-18
程序中塊狀元素的寬設(shè)置為100PX,顯然不能顯示元素中的全部內(nèi)容。而填充層設(shè)置左右100PX。根據(jù)盒模理論：填充層為盒的組成，則不能顯示的內(nèi)容在填充層中顯示。
2017-07-18
padding加起來都已經(jīng)200px但是你的寬高也才100px