html - div在居中div的左侧对齐

我需要做下一件事：

我需要在div上位于页面中间

.container12
    {
    max-width: 960px;
    width: 100%;
    height: auto;
    overflow: hidden;

    margin-left: auto;
    margin-right: auto;
    }

我需要另一个div，其类名是“ leftDiv”，它将位于div的左侧，类为“ container12”。 .leftDiv应该浮动在.container12的左侧，并且宽度应从页面末端到.container12的左侧。

这是图片：


如何为leftDiv编写类？

最佳答案

您可以根据自己的问题使用以下简单方法：

.container12 {
  width:50%;
  height:200px;
  border:1px solid black;
  display:inline-block;
}
.leftDiv {
  width:25%;
  height:200px;
  border:1px solid black;
  display:inline-block;
  float:left;
}

请记住，浮点将元素从页面流中拉出，因此您需要对居中的clearfix应用div以使元素正确对齐。

CodePen demo

关于html - div在居中div的左侧对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27629522/