HTML div не отображается

Question

Я новичок в программировании, и я пытаюсь создать сайт с различными ссылками в одной строке. Я использую div, поэтому я получил их все на одном блоке. Проблема в том, что когда я кладу все ссылки на float: left, цвет фона исчезает, но когда я помещаю последнюю ссылку с float: center, она показывает фон, как я этого хочу.

Может ли кто-нибудь мне помочь? Заранее спасибо

Это то, что я использую:

<div id="links" style="width:1250;height:450;background-color:#000000;text-align:center"> 

<ul type="none"> 
<li style="float:left;margin-right:100px;text-align:center"> 
<a href="Desafio.html" target="_blank">Nosotros</a> 
</li> 
<li style="float:left;margin-right:100px"> 
<a href="Desafio.html" target="_blank">Desafío UNIMET</a> 
</li> 
<li style="float:left;margin-right:100px"> 
<a href="Desafio.html" target="_blank">Patrocinantes</a> 
</li> 
<li style="float:left;margin-right:100px"> 
<a href="Desafio.html" target="_blank">Contacto</a> 
</li> 
</ul></div> 

Answer 1

Там нет такого понятия, как поплавок: центр только влево, вправо, нет, и не наследуют. Но причина, по которой родительский контейнер bg не отображается, заключается в том, что когда вы плаваете элемент, он больше не занимает места в своем родителе.

Либо дайте родительскому контейнеру высоту (и укажите пиксели или какую-либо другую меру, которую вы сейчас не выполняете), либо как хак вы можете дать родитель: «переполнение: скрыто»; css свойство.

Удачи вам в учебе! Время и страсть заставят вас когда-нибудь!

EDIT: Я настоятельно рекомендую вам получить книгу CSS Mastery от Andy Budd. Это научит вас этому и многое другое.

Answer 2

Вы не предоставили устройство width и height. Сделайте это до px или em или согласно тому, что вам нужно, и оно будет работать.

<div id="links" style="width:1250px;height:450px;background-color:#000000;text-align:center"> 

<ul type="none"> 
<li style="float:left;margin-right:100px;text-align:center"> 
<a href="Desafio.html" target="_blank">Nosotros</a> 
</li> 
<li style="float:left;margin-right:100px"> 
<a href="Desafio.html" target="_blank">Desafío UNIMET</a> 
</li> 
<li style="float:left;margin-right:100px"> 
<a href="Desafio.html" target="_blank">Patrocinantes</a> 
</li> 
<li style="float:left;margin-right:100px"> 
<a href="Desafio.html" target="_blank">Contacto</a> 
</li> 
</ul></div> 

Попробуйте http://jsfiddle.net/sLEYs/

Во-вторых, нет такого значения center для поплавка. http://www.w3schools.com/css/css_float.asp