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。使其达到pxem根据您的需要,它将起作用。

<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/

其次,浮动没有这样的价值centerhttp://www.w3schools.com/css/css_float.asp

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