这里的“盒子1”为什么给它加框了后没有显示在框的中间?而且加入入了padding:10px;也没有显示在中间。请高手回答一下啊,谢谢了!!
你设置text-align:center; 了没 ?
明白了谢谢各位
谁说加了框就默认在中间了?
内容默认就是在左上角
默认!!!
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边距</title>
<style type="text/css">
div{
width:300px;
height:300px;
border:1px solid red;
}
#box1{
margin-bottom:30px;
}
p{
color:blue;
font-size:20px;/*设定里面盒子的大小*/
margin:140px 130px;/*相当于外面盒子-里面盒子的值除以2,有个重要的思想,万物皆盒子*/
</style>
</head>
<body>
<div id="box1">
<p>box1</p>
</div>
<div id="box2">box2</div>
</body>
</html>
box3内加入position:relative;
box4内加入
position:absolute;
bottom:0px;