                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之absolute

绝对定位img问题

<img src="http://img1.sycdn.imooc.com//547c34c9000171a002560191.jpg" height="191"></img>

img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}

/*这种情况下问什么图片没有撑满整个页面？*/

凌波飞燕_0

2016-08-20

源自：CSS深入理解之absolute 7-5

关注问题我要回答

1860

操作

收起

5 回答

慕粉3880652
2016-09-26

通过设置top，bottom，left，right撑满整个页面的是包裹内容的容器，例如div

内容一般就用width，height ：100%来撑满

这里设置的left：0，right：0 是配合margin：auto，来使图片居中的

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

Jason雾3589145
2016-09-20

你要撑满给宽高加100%就行了

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

Jason雾3589145
2016-09-20

撑满页面不是这样撑的，而且img没有你那样的结束标签。

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

凌波飞燕_0 提问者
2016-08-21

没有，我只写了这一个样式，用了之后图片宽高根本没变，位置保持在页面左上角

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

Jason雾3589145
2016-08-21

你用了*（margin:0;padding:0;）了么

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

举报

0/150

提交

取消

CSS深入理解之absolute

参与学习 51957 人
解答问题 254 个

理解CSSposition:absolute声明，掌握position:absolute高级应用

本课相似问答

2 回答绝对定位问题

2 回答无依赖绝对定位的问题

1 回答绝对定位布局

2 回答绝对定位布局移动端

5 回答hot这个绝对定位到底是绝对于谁的？

搜索更多本课相关问答

绝对定位img问题

我要回答关注问题

意见反馈帮助中心 APP下载