Question

我在屏幕上定位div时遇到困难。我希望它们内嵌，我已指定display:inline-block或float:或其组合。然而，每当我重新调整窗口大小时，div都会消失或重新定位在彼此之下。我读了一个解决方案，建议将div封装在一个包装器div中并尝试该解决方案，但我偶然发现同样的问题，因为我希望包装器div占据屏幕的整个高度，没有y溢出，所以如果我指定一个{{每当窗口重新调整大小时，子元素会重新调整大小;

height:100%

Answer 1

为了坚持您的设计，请将此CSS代码添加到您的身体： -

html, body {
    width: 100%;
    max-width: 100%;
    margin:  0px;
}

wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

#divOne {
    box-sizing: border-box;
    display: block;
    width: 30%;
    float: left;
}

#divTwo {
    box-sizing: border-box;
    display: block;
    width: 40%;
    float: left;
}

#divThree {
    box-sizing: border-box;
    display: block;
    width: 30%;
    float: left;
}

给予它们固定但相对宽度将停止重新定位div s的问题。在包装器div中添加div1，div2和div3。

注意：border-box属性将处理您添加的额外边距，边框或填充。

div应该封装在包装器div中，以防止它们在视口大小调整时消失/重新定位

1 个答案: