外部div中的2个内部div中的中心1
外部div中的2个内部div中的中心1
提问于 2015-09-02 16:45:12
我有一个外部div元素，其中包含两个内部div元素。我想把两个内部div元素中的一个放在中间，另一个内部div元素应该保持在左边。
下面是一个示例外部和内部div的代码，它表明它实际上不是在它下面的内部和外部div中居中。
您还可以在这里找到一个代码库：http://codepen.io/TheCodingWombat/pen/YyzmNE
code.html
<div class="outer-example">
<div class="inner-example">
<h3>The Center</h3>
</div>
</div>
<div class="outer">
<div class="inner1">
<h4>Topic</h4>
</div>
<div class="inner2">
<h3>Board Title</h3>
</div>
</div>code.css
.outer-example {
text-align: center;
}
.outer {
text-align: center;
}
.outer > div {
display: inline-block;
}
.inner1 {
float: left;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-02 16:55:06
查看代码笔的我的修改版本。基本上，我改变了它，这样就没有浮动内部元素，而是将它的位置更改为相对于包含它的父容器和所期望的以待处理为中心的div的绝对位置。
.outer {
...
position: relative;
}
.inner1 {
position: absolute;
left: 0px;
top: 0px;
}当您float一些东西时，它大部分被移除，成为非阻塞的，但是floated的东西仍然会在定位方面影响inline和inline-block元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32358701
复制相关文章
相似问题
腾讯云开发者
