如何将div关闭到另一个div

时间:2016-10-21 11:27:42

标签: wordpress

我必须以div为中心,直到这里一切都清楚,但是,我需要在另一个div处保持关闭。

没有居中,只需将一个div放在中心并再粘贴另一个div。

在我的例子中,中心div(菜单)和粘性div(徽标。)

enter image description here

2 个答案:

答案 0 :(得分:0)

所以,你想让菜单居中并坚持下去留下一个标志?

<div class="centered">
 <div id="logo"></div>
 <div id="menu"></div>
</div>

将它们包裹在一个div中心。 Float离开了徽标,右边是菜单。

Here你有jsfiddle。

告诉我这是否对你有帮助!

答案 1 :(得分:0)

也许这就是你的意思? https://jsfiddle.net/g8c8wp34/1/

HTML:

<div class="layout-wrapper">
    <div class="logo">
        Logo
    </div>
    <div class="menu">
        <a href="#">item 1</a>
        <a href="#">item 2</a>
    </div>
</div>
<div class="layout-wrapper">
    <div class="col col1"></div>
    <div class="col col2"></div>
    <div class="col col3"></div>
</div>

CSS:

.layout-wrapper {
  width: 400px;
  background: #ccc;
  margin: 0 auto;
}
.logo {
  position: absolute;
  background: #ddd;
  width: 60px;
  margin-left: -60px;
}
.col {
  width: 32%;
  background: #cdcdcd;
  border: 1px solid #999;
  height: 30px;
  float: left;
  box-sizing: border-box;
}
.col1 {
  margin-right:2%
}
.col3 {
  margin-left:2%
}

或者这个(带有固定位置徽标):https://jsfiddle.net/g8c8wp34/2/