Question

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

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

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

如果调整导航的边距不能提供所需的结果，请尝试调整边框和填充。

HTML box model http://www.html.net/tutorials/css/figure008.gif

HTML框模型here

有一个很好的介绍

Answer 2

#content { position: relative; left: -50px; }

将左边调整到你想要的多少像素，直到它不太热或太冷，但恰到好处

我需要一个div框来按下另一个div框

2 个答案: