為什么內(nèi)容會溢出盒子外面？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1666666666666666666666666</div>
</body>
</html>
我的padding已經(jīng)設(shè)置為什么我繼續(xù)往盒子加內(nèi)容的時候為什么會溢出到盒子外面去了呢？
2016-03-12
好像是中文就不會出去? 英文和數(shù)字會出去，你試試
2016-03-12
你那所謂的盒子并不是真正的盒子，是自己定義的一個內(nèi)容的邊框而已吧，你試試改變box1 border的寬度，“盒子”也會變大
2016-03-12
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
??? width:100px;
??? height:100px;
???? padding:10px;
???? display:inline;
??? border:1px solid red;
}
div{padding:10px;}
</style>
</head>
<body>
<div id="box1">盒子1666666666666666666666666</div>
</body>
</html>
2016-03-12
盒子寬度不夠，而<div>這是塊狀區(qū)域了</div>，塊狀元素要占用一行才換行的