如图:为什么呈现的效果却不一样呢?

来源:13-9 Relative与Absolute组合使用

_桑

2016-03-09 17:01

http://img.mukewang.com/56dfe4a70001f3b008530550.jpg

为什么把box1,box2的代码和box3,box4的代码写的一样,但是呈现的效果却不一样呢?一个在内部顶部,一个在外部底部。

写回答 关注

4回答

  • Seeyou1
    2016-03-09 17:25:34
    已采纳

    你是写position:relative和absolute,可是你有写bottom:0;吗??这里子盒子的参照物是父盒子.你再设置子盒子的top和right为0看看,是不是一样大小了呢?

    简单的阳光 回复Seeyou...

    为什么“相对参照元素进行定位”这几个字的边框会自适应文字的宽度,而不是固定的宽度值200px

    2016-03-11 21:22:05

    共 5 条回复 >

  • _Jack_Han_
    2016-04-09 00:27:10

    box1与box2是两层嵌套关系,父层box1内没有直接元素,所以子层box2里的文本显示在box1内部的左上角。

    box3里有直接元素img,img属于内联块元素,同时具有内联元素和块元素的特性,所以后面跟着的块元素box4会另外占一行,不与img同行显示,更不能悬浮在img之上。

  • _chen_
    2016-03-24 16:10:51

    box1和box2在body中的代码结构,跟<img>和box4的结构是不一样的,仔细看下,只是css语句一样。效果当然不同了

  • 无怨无悔天真无邪
    2016-03-09 17:16:54

    因为box2是行内标签,所以他在box1这个盒子里,但box3和4都是块状标签,所以在你没设置其相对距离时显示是默认顺序,我是新手,不知道说的对不对。

    _桑

    不是啊,box2也是块状标签啊,div里面的嘛

    2016-03-09 17:35:52

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225309 学习 · 18230 问题

查看课程

相似问题