课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
为什么box1和box2的宽度不一样
2016-04-26
源自：初识HTML(5)+CSS(3)-升级版 13-2
正在回答
box1和box2都是<div>的子元素，由于box2默认宽度是它的父元素的100%，而<div>是块状元素，宽度占一整行；box1被人为的设置了高度和宽度，所以显示宽度和box2不一样。
你仔细看看代码，代码中，box1的宽度设置为300，所以宽度为300，而box2没有设置宽度，所以宽度就是父容器的宽度。。。。。。。
因为box1有设置宽高 box2没有设置。那没有设置的块元素的宽度一般就是一样的，和所谓父元素一样宽
box2设置了positon:absolute之后，脱离了文档流，继承不了box1的宽度了，
块状元素在未定义宽度的情况下，是包含内容的宽度。
top,left属性只是用来相对于父元素box1的定位。
样式不一样
样式不一样，一个是固定宽度，一个是未定义（即100%父容器body）
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
5 回答块状元素宽度
4 回答块状元素宽度
1 回答块状元素宽度
3 回答定宽块状元素
4 回答定宽块状元素
