Question

是的，先抱歉，我已经看到这个问题已经加载了。这只是对其他人有用的答案不适合我。

基本上我想要一些Div作为我的页面上的瓷砖样式菜单运行。与Windows菜单类似，我添加了一张照片。 windows menu 我只想要3行2中最多6个瓦片我希望它们都具有相同的大小，并且填充了一种颜色，我可以将文本放在上面以显示它们导致的页面。我的问题是Div没有显示文本背后的颜色。他们只是显示文字。

我首先在这里尝试了不同的clearfix方法，但是当它们都不适合我的时候删除了它们。无论我使用哪一个，我仍然得到这个结果：screenshot

我使用的HTML是：

<div class="TileMenuContainer">
<div class="TileRow">
<div class="tile first">My Bikes</div><div class="tile second">Dream Machines</div>
</div>
<div class="TileRow">
<div class="tile third">I.O.M TT</div><div class="tile fourth">Legends</div>
</div>
<div class="TileRow">
<div class="tile fifth">Rideouts</div>
</div>
</div>

我在clearfix尝试之前使用的CSS是：

/*********************** Tiled Menu Addition ********************/
.TileMenuContainer{
    width:90%;
    height:50%;    
}
.TileRow{
    width:auto;
    padding:5px;
    height:auto;
    display:table;  
}
.tile {
	width:200px;
	height:200px;
	margin:0 5px 0 0;
	padding: 2px
	color:#DAA520;
	float:left;
}

.TileSelection{
    background-color: #483D8B;
}

如果它有助于教程我试图适应我的需要是这样的： mrbool。 com / creating-a-metro-style-menu-in-html-and-css / 26266 （没有空格，因为我没有足够的代表超过2个链接）

Answer 1

下面：

.tile {
    width:200px;
    height:200px;
    margin:0 5px 0 0;
    padding: 2px

填充后没有半冒号 - 可能会杀死掉落后的样式。

Clear Floated Div在clearfix之后不显示颜色

1 个答案: