Question

这个fiddle演示了一个容器，里面有几个元素：

@Override
protected Response<T> parseNetworkResponse(NetworkResponse response) {
    int statusCode = response.statusCode;

    try {
        Utils.checkSessionCookie(response.headers, mContext);
        Utils.checkUserId(response.headers, mContext);
    } catch (Exception e) {
        Log.d(TAG, e.toString());
    }

//        for (Map.Entry<String, String> entry : response.headers.entrySet()) {
//            if (entry.getKey().equals("Userkey") || entry.getKey().equals("Set-Cookie")) {
//                Log.d(TAG, "Response - " + entry.getKey() + ": " + entry.getValue());
//            }
//        }
    try {
        String json = new String(Utils.base64Decode(response.data),
                HttpHeaderParser.parseCharset(response.headers));

        JsonParser parser = new JsonParser();
        JsonElement element = parser.parse(json);

        //Normal print
        Log.d(TAG, json);

        if(mSelection != null){
            JsonElement jsonElement = parser.parse(json);
            json = findElementsChildren(jsonElement, mSelection).toString();
            element = parser.parse(json);
        }

        if(element.isJsonArray()){
            JsonArray array = (JsonArray) element;
            ArrayList elements = new ArrayList();
            for (int i = 0; i < array.size(); i++) {
                elements.add(gson.fromJson(array.get(i).toString(), clazz));
            }
            return (Response<T>) Response.success(elements, HttpHeaderParser.parseCacheHeaders(response));
        } else {
            return Response.success(
                    gson.fromJson(json, clazz),
                    HttpHeaderParser.parseCacheHeaders(response));
        }


    } catch (UnsupportedEncodingException e) {
        return Response.error(new ParseError(e));
    } catch (JsonSyntaxException e) {
        return Response.error(new ParseError(e));
    } catch (Exception e){
        return Response.error(new ParseError(e));
    }
}

每个元素都有一个白色矩形作为出现在它上面的伪元素。

为什么它们会在容器的x轴上切断？为什么<div class="container"> <div class="element">Element</div> <div class="element">Element</div> <div class="element">Element</div> <div class="element">Element</div> </div>会影响x轴？

简洁CSS：

overflow-y: scroll

Answer 1

*** **** UPDATE

确定。我发现了原因。以下是一些链接：

stackoverflow ，
W3

几乎是因为如果其中一个x或y被设置为除可见之外的任何东西......则相反（甚至可见）会自动设置为auto：

＆＃34;计算值：指定，但如果overflow-x或overflow-y中的一个不可见，则可见计算为自动＆＃34;

JSFIDDLE

 //left: -30px;

我并非100％认为你认为它被切断的原因。盒子被移到了左边...所以如果你问为什么盒子的左侧没有显示它们的边界......这就是原因。左边的这个小提琴被注释掉了。请澄清我是否对您的问题有所了解。

CSS - Overflow-y Scroll使X轴隐藏

1 个答案: