Мне нужна коробка div, чтобы нажимать на другую поле div

Question

Я пытаюсь сделать своего друга своим портфолио, и все достаточно просто, но я не могу заставить боковую навигацию коснуться области содержимого. У меня это близко, возможно, от 50 до 75, не более 100 пикселей, но они просто не тронут.

Это код для двух разделов. Я смог перевернуть навигацию с помощью чужого вопроса, но они все равно не будут сидеть сложа руки. Любая помощь вообще была бы весьма признательна, большое вам спасибо за ваше время.

.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, border, and margin. Каждый из них может быть скорректирован с помощью CSS через padding: 10px;, border: 5in;, margin: 3pt; соответственно (очевидно, вы можете использовать любые требуемые значения размера). Вы также можете манипулировать отдельными сторонами, например 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; } 

регулировки влево, однако многие пикселей, нужно до него не слишком жарко или слишком холодно, но только правой