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颜色的原因是因为当你浮动元素时它不再占用其父元素中的空间。

给你的父容器一个高度（并指定你现在没有做的像素或其他一些度量单位），或者你可以给父母一个黑客：“overflow：hidden;” css属性。

祝你学习顺利！时间和激情会让你无处不在！

编辑：我强烈建议你获得安迪·巴德的CSS Mastery一书。它会教你这个以及更多。

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/

其次，float没有这样的值center。 http://www.w3schools.com/css/css_float.asp

HTML div没有出现

2 个答案: