Question

在以下示例中：jsfiddle，我需要将menu和categories div对齐到徽标div的右侧，我需要它们保持一个在另一个下面，因为它们是正确的现在，但我根本不能让它取代。

非常感谢任何帮助或指导。

Answer 1

您需要将- (void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; for(UIGestureRecognizer *gesture in [self.view gestureRecognizers]) { if([gesture isKindOfClass:[UIGestureRecognizer class]]) { [self.view removeGestureRecognizer:gesture]; } } }和menu包装在div中并浮动该新div。

HTML

category

CSS

<div id="header">
<div class="verticalcenter relative">
<div id="logo">logo</div>
<div class="wrap" align="left">
<div id="menu">menu</div>
<div id="categories">categories</div>
</div>
</div>
</div>

注意：我在包装div中添加了一个宽度，使其位于徽标旁边，而不是位于该区域的最右侧。如果这是你想要的行为，你可以放宽宽度

Answer 2

请尝试以下代码：

<div id="header">
<div class="verticalcenter relative">
<div id="logo">logo</div>
<section>
<div id="menu" class="right-div">menu</div>
<div id="categories" class="right-div">categories</div>
</section>
</div>
</div>

以下是CSS：

#header{
background: white;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
z-index: 50;
width: 100%;
float: left;
}

.verticalcenter{
width: 100%;
margin: 0 auto;
}

#logo{
width: 25%;
height: 150px;
box-shadow: 0 0 15px rgb(0,0,0);
box-shadow: 0 0 15px rgba(0,0,0,0.3);
display: inline-block;
zoom: 1;
vertical-align: top;
min-width: 220px;
float: left;
}

section{
float: left;
width: 75%;
}

#menu{
margin-bottom: 10px;
}

.right-div{
box-shadow: 0 0 15px rgba(0,0,0,0.3);
height: 70px;
}

将两个div对齐一个div的右边

2 个答案: