为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的文字显示在图片的下面而不是里面

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>相对参照元素进行定位</title>

<style type="text/css">

div{border:2px red solid;}

#box1{

    width:200px;

    height:200px;

    position:relative;

          

}

#box2{

  position:absolute;

top:20px;

left:30px;

          

}

/*下面是任务部分*/

#box3{

    width:200px;

    height:200px;

    position:relative;      

}

#box4{

    width:99%;

  position:absolute; 

    bottom:0;

    left:0;

}

</style>

</head>


<body>

<div id="box1">

<div id="box2">相对参照元素进行定位</div>

</div>


<h1>下面是任务部分</h1>

<div id="box3">

    <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">

    <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>

</div>

</body>

</html>


正在回答

3 回答

#box4{

    width:99%;

  position:absolute; 

    bottom:0;

    left:0;

}

width:99% 去掉

0 回复 有任何疑惑可以回复我~
#1

秋挽词 提问者

删掉了也没用啊,没有变化
2016-10-28 回复 有任何疑惑可以回复我~
#2

停不下来啊 回复 秋挽词 提问者

你什么浏览器
2016-10-28 回复 有任何疑惑可以回复我~
#3

秋挽词 提问者 回复 停不下来啊

搜狗~
2016-10-28 回复 有任何疑惑可以回复我~
#4

停不下来啊 回复 秋挽词 提问者

你换火狐、谷歌等浏览器再测试一下,活着把代码拷贝到dreamweaver里测试一下效果
2016-10-28 回复 有任何疑惑可以回复我~
#5

秋挽词 提问者 回复 停不下来啊

我知道了,是:没有英文符号~谢谢啦
2016-10-28 回复 有任何疑惑可以回复我~
#6

停不下来啊 回复 秋挽词 提问者

不客气
2016-10-28 回复 有任何疑惑可以回复我~
查看3条回复

    bottom:0;

冒号错了!

心累,忘采纳

1 回复 有任何疑惑可以回复我~

#box3{

    width:200px;

    height:200px;

    position:relative;     

}

#box4{

    width:99%;

  position:absolute;

bottom:0;

    

}


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我的文字显示在图片的下面而不是里面

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信