лучший способ расположить divs right css

Мне нужно сделать сайт сверху с помощью некоторых инструментов для продвижения.лучший способ расположить divs right css

Он работает, но я не могу с ним справиться. Я думаю, может быть, это неправильный способ сделать эти плавающие divs справа.

Мне нужно изображение слева и два изображения справа от полноразмерного div.

Так что я сделал:

<div id="menu"> 
    <div id="logo">LOGO</div> 
    <div id="item">Settings</div> 
    <div id="item">Options</div> 
</div>

#menu{ 
    position:fixed; 
    width:100%; 
    height:50px; 
    background:#fff; 
} 

#logo{ 
    float:left; 
    right:30px; 
} 

#item{ 
    float:right; 
    right:30px; 
    margin-right:10px; 
}

нормально ли это с поплавком вправо и все остальное, или я должен что-то изменить? jsfiddle

источник

2016-03-26 Rick Joe

Вы не можете иметь два элемента с одинаковыми 'id'. Вместо этого используйте 'class'. Кроме того, это выглядит хорошо для меня. –

вы можете использовать его так, но просто измените два идентификатора, чтобы быть классом, если хотите, вы можете сделать это с помощью flexbox, но это уже нормально – DanyCode

о, спасибо вам, друзья! –

Flexbox ... нет необходимости в поплавках или позиционировании вообще .... и изделия в правильном порядке.

#menu { 
 
    position: fixed; 
 
    width: 100%; 
 
    height: 50px; 
 
    background: #fff; 
 
    display: flex; 
 
} 
 
.logo { 
 
    margin-right: auto; 
 
} 
 
.item { 
 
    margin-right: 10px; 
 
}

<div id=menu> 
 
    <div class="logo">LOGO</div> 
 
    <div class="item">Settings</div> 
 
    <div class="item">Options</div> 
 
</div>

источник

2016-03-26 19:11:40

большое спасибо! –

on #item right: 30px ничего не делает, если вы не указали положение. Использовать

#item{ 
    float:right; 
    position:relative; 
    right:30px; 
}

источник

2016-03-26 19:02:25 luk492

лучший способ расположить divs right css

ответ

Смежные вопросы