0

我是编程新手，我正在尝试在同一行中建立一个包含各种链接的网站。我正在使用 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>
4

2 回答 2

2

没有浮动这样的东西：中心只有左、右、无和继承。但是没有显示父容器 bg 颜色的原因是，当您浮动一个元素时，它不再占用其父容器中的空间。

要么给你的父容器一个高度（并指定像素或你现在没有做的其他度量单位），或者作为一个黑客你可以给父容器：“溢出：隐藏；” css 属性。

祝你学习顺利！时间和激情将带你到任何地方！

编辑：我强烈建议您阅读 Andy Budd 的 CSS Mastery 一书。它会教你这个以及更多。

于 2013-09-15T07:21:01.617 回答
0

您没有将单位交给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

于 2013-09-15T07:22:22.000 回答