局部宽度问题

[fjxylin]

.srollpic{
                        overflow: hidden;
                        position: absolute;
                        left: 434px;
                        top: 0px;
                        width: 400px;
                        height: 400px;
                        
                        // display: none;
                        img{
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            height: 848px;
                            width: 848px;
                        }
                    }

为什么img的宽度在浏览器里面只有400，高度有848？

[前端开发小能手]

？？？宽高都是848呀

[天际的海浪]

你这个是原生的css吗？ 原生的css是不能大括号嵌套的。 另外 css中的注释只能用 /* */ 不能用//

.srollpic{
                        overflow: hidden;
                        position: absolute;
                        left: 434px;
                        top: 0px;
                        width: 400px;
                        height: 400px;
                        
                        /* display: none;*/
                    }

.srollpic img{
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            height: 848px;
                            width: 848px;
                        }

[fjxylin]

引用 2 楼 天际的海浪的回复:

你这个是原生的css吗？ 原生的css是不能大括号嵌套的。 另外 css中的注释只能用 /* */ 不能用//

.srollpic{
                        overflow: hidden;
                        position: absolute;
                        left: 434px;
                        top: 0px;
                        width: 400px;
                        height: 400px;
                        
                        /* display: none;*/
                    }

.srollpic img{
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            height: 848px;
                            width: 848px;
                        }

sass写法