css - 我需要一个 div 框来压在另一个 div 框上

Question

我正在尝试让 friend 成为他们的投资组合网站，一切都很简单，但我似乎无法通过横向导航来触摸内容框。我已经接近了，它可能是 50 到 75，最多 100 个像素，但它们根本不会接触。

这是有问题的两个 div 的代码。我能够在别人的问题的帮助下扭曲导航，但他们仍然不会齐平。任何帮助都将不胜感激，非常感谢您抽出宝贵时间。

.background {
background-image: url(textureimg.jpg);
width: 800px;
height: 1000px;
float: left;

 .navigation {
float: left;
/* Safari */
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Answer 1

可能是 margin 问题。试试 .navigation { margin-right: 0px; }。除非您的导航位于右侧，否则请使用 margin-left。您可能还需要调整内容部分的边距。

元素中的所有“内容”仅占用该元素屏幕空间的一小部分。其余部分用于填充、边框和边距。这些都可以分别通过 padding: 10px;, border: 5in;, margin: 3pt; 使用 CSS 进行调整(显然你可以使用任何你想要的大小值)。您还可以操作各个边，例如 padding-right: 10px; padding-top 5px;

如果调整导航的边距没有得到预期的结果，请尝试调整边框和填充。

_{(来源:html.net)}

HTML 框模型有一个很好的介绍 here