Question

在易趣上重新开始：http://www.ebay.com/itm/281670060888

在我自己的网站上（http://sallymilo.com/template-din.html），当我在自己的电脑上运行时，右侧div与左侧div的顶部对齐，但是当我把它放在eBay上时，右侧div是在左下方 - 即使我将标签部分缩小了200像素。

一些主要的CSS：

Procfile

和一些标签部分CSS：

.row1 { width:100%; position:relative; float:left; background:url(https://myimagefiles.com/dinnerman/tbg.png);  }
.row1l { width:26%; position:relative; margin-left:2em; float:left;  }
.row1r { width:64%; position:relative; margin-left:2em; margin-right:2em; float:left;  }

Answer 1

问题是在ebay中容器的宽度低于1000px。因为你的内部部分有硬编码的宽度，所以它们会破坏。

我建议您使用宽度%，这样无论容器的内容如何，内部部分将采用您给出的百分比数。

.container {
margin: 20px;
background-color: rgba(0,0,0,0.2);
overflow: hidden;
}

.col-1 {
width: 20%;
background-color: rgba(0,0,0,0.2);
float: left;
}

.col-2{
width: 80%;
background-color: rgba(0,0,0,0.5);
float: left
}

<div class="container">
<div class="col-1">col-1</div>
<div class="col-2">col-2</div>
</div>

其他的一个div，不是右边的

1 个答案: