Отдельные кнопки Div?

Я пытаюсь позволить кнопкам не быть друг на друга! Я уверен, что есть простой атрибут, который мне нужно ввести в CSS-код, но я не могу понять его! Кроме того, есть ли способ, позволяющий кнопкам заполнять весь экран, без появления нижней полосы прокрутки! Я попытался использовать 100% -ную часть в дополнении, но это сделало страницу очень большой!Отдельные кнопки Div?

<style> 

    div#menubar2 > a{ 
     font-family:Aria, Helvetica, sans-serif; 
     font-size: 18px; 
     background: #333; 
     padding: 150px 50%; 
     color:#999; 
     margin-right: 30px; 
     margin-bottom: 30px; 
     margin-top: 30px; 

     text-decoration:none; 
     border-radius: 3px; 

     -o-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
     -webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
     -ms-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
     -moz-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
     transition: background 0.3s linear 0s, color 0.3s linear 0s; 
     } 

    div#menubar2 > a:hover{ 
     background: #0099CC; 
     color:#FFF; 
     } 


</style> 
</head> 

<body> 


<div id="menubar2"> 
<a href="#">Home</a> 
<br> 
<a href="http://store.kidbomb.com">Shop</a> 
<br> 
<a href="/maintenance">News</a> 
<br> 
<a href="/maintenance">Contact Us</a> 
<br> 
<a href="/support-us">Support Us!</a> 
<br> 
<a href="/maintenance">Requests</a> 

    </div> 
</body> 
</html>

источник

2014-11-29 Stephen_Josey

Вам нужно добавить

display:inline-block;

к вашему «ДИВ #> в строке меню» CSS

Кроме того, это хорошая практика, чтобы использовать неупорядоченный список для такого рода вещи.

Что касается второй части вашего вопроса, вы используете множество абсолютных размеров (px) вместо процентных значений, поэтому вам, вероятно, понадобится рефакторинг для выполнения этой работы. В его нынешнем виде потребуется некоторое рефакторинг.

источник

2014-11-29 03:24:37

Большое спасибо! Все ваши предложения очень помогли мне, и дисплей: встроенный блок; отлично работал! Спасибо за ваше время и усилия! :) –