1

我正在尝试让朋友成为他们的投资组合网站，一切都很简单，但我似乎无法通过横向导航来触摸内容框。我已经接近了，它可能是 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);

}

4

2 回答 2

1

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

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

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

HTML盒子模型
（来源：html.net）

这里有一个很好的 HTML 盒子模型介绍

于 2013-06-29T03:12:42.130 回答
0 
#content { position: relative; left: -50px; }

将左侧调整为您需要的像素数量，直到它不太热或太冷，但恰到好处

于 2013-06-29T03:31:58.840 回答