盒模型的问题

源自：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）

盒模型的问题

<!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 10px 10px 10px;

border:1px solid red;

}

</style>

</head>

<body>

<div id="box1">盒子1</div>

</body>

</html>

为什么我在盒子里写很多字会跑跑到黑子外面

提问者：慕田峪9304305 2018-04-05 16:20

个回答

qq_冥夜圣天_03363488

2018-04-05 16:29:39

已采纳

#box1{
width:100px;
height:100px;
padding:10px 10px 10px 10px;
border:1px solid red;
}
该ID选择器设置的ＣＳＳ样式是大小固定的边框，当输入的文本很多的时候，边框是无法容纳所有的文本的，
#box1{
padding:10px 10px 10px 10px;
border:1px solid red;
}
改成这样，就可以随你在＜ｄｉｖ＞＜／ｄｉｖ＞标签中的文本的多少而改变边框的大小

1
qq_魂牵_0

2018-04-05 16:30:42

把字写在<div>标签里面

0
qq_魂牵_0

2018-04-05 16:29:53

<div id="box1">盒子1</div>

0