对照第12章12-9,相对位置问题

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

Gemmy

2016-09-10 15:53

box4中为什么是 “left:0;”呀,感觉看图片是右边贴着框框才对呀,不应该用right吗?

写回答 关注

3回答

  • 慕粉3388790
    2016-09-10 16:27:02
    已采纳

    你的意思是box4width占父元素的99%这个问题,这个问题别人有回答过的:

    因为id=box3的div元素是id=box4的div元素的父元素,后者设置了一个百分比宽度99%,99%×200px=198px;

    198px + 2(边框)×2 = 202px; id=box4的div元素右边框刚好和id=box3的div元素右边框重合;就像楼上说的那样--防止溢出。

    其实,你将id=box4的div元素的宽度设置为98%会更好,此时id=box4的div的内容全部显示在id=box3的div中。

    我组织不好语言,粘贴给你

    Gemmy

    原来还涉及边框本身的宽度,疏忽了,之前没考虑到。

    2016-09-10 16:33:07

    共 2 条回复 >

  • 千年虫cc
    2016-09-10 16:24:52

    box4的内容是文字,box3的内容才是图片。内容在默认情况下要铺满盒子啊,此时上下左右都是0.对于box4,删掉left:0。把box3中width放大到4000px,会发现box4贴着左边,即left:0。所以说box4这句可有可无

    Gemmy

    明白了,默认铺满,默认贴左边,只是纯粹的纠结99%的图框贴边的粗细显示=、=谢谢了!

    2016-09-10 16:29:24

    共 1 条回复 >

  • 慕粉3388790
    2016-09-10 16:13:09

    box4不需要left 0;只要

    position:absolute;

    bottom:0;

    就行了


    Gemmy

    笔误笔误right

    2016-09-10 16:21:10

    共 2 条回复 >

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

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

1225817 学习 · 18235 问题

查看课程

相似问题