Question

CSS新手。似乎无法正确对齐这些段落！这是针对lg，md，sm屏幕尺寸的响应式页面。蓝色框仅几个像素关闭，并在屏幕尺寸变化时移动。为什么他们不能在绿色框内完美对齐？蓝色和绿色框都是ps。

CodePen： http://codepen.io/pleiovn/pen/RaBqgY

    #p-text {
    background-color: #a1ab5f;
    padding: 10px;
    text-align: left;
    clear: both;
    width: 90%;
    height: 300px;
    margin: 10px;
}

#p-head {
    background-color: #5fa1ab;
    padding: 10px;
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 33%;
    height: 50px;
    margin: 10px;
}

Answer 1

这是因为你写错了媒体查询

这一个

@media (min-width: 991px) and (max-width: 768px)

应该是

@media (max-width: 991px) and (min-width: 768px)

定位<p>未正确对齐

1 个答案: