По щелчку я добавляю, граница на 1 пкс отделению, таким образом, увеличения размера Отделения на 2 пкс X 2 пкс. Я не хочу увеличивать размер отделения. Там какой-либо простой путь состоит в том, чтобы сделать так?
Грязное подробное объяснение
На самом деле я добавляю ОТДЕЛЕНИЯ с float:left (тот же размер, как значки) контейнерному отделению, таким образом, все стеки один за другим, и когда (ширина контейнерного отделения составляет 300 пкс) никакое пространство, оставленное мудрым шириной так дочерние ОТДЕЛЕНИЯ, не прибывает в следующую строку, таким образом, как каталог, но из-за границы только выбрал размер DIV, увеличены, DIV под выбранным DIV идет для исправления и создает вакуум ниже, выбрал DIV.
Править:
Уменьшение Высоты/Ширины на выборе, но как увеличить его назад. Используя некоторую стороннюю платформу, не имейте события, когда DIV потеряет выбор..
Свойство border css увеличит "внешний" размер всех элементов, кроме tds в таблицах. Вы можете получить визуальное представление о том, как это работает в Firebug (discontinued), на вкладке html->layout.
В качестве примера, div с шириной и высотой 10px и границей 1px, будет иметь внешнюю ширину и высоту 12px.
Для вашего случая, чтобы создать впечатление, что граница находится "внутри" div, в выбранном вами CSS классе, вы можете уменьшить ширину и высоту элемента на двойной размер границы, или вы можете сделать то же самое для элементов padding.
Eg:
div.navitem
{
width: 15px;
height: 15px;
/* padding: 5px; */
}
div.navitem .selected
{
border: 1px solid;
width: 13px;
height: 13px;
/* padding: 4px */
}
Просто уменьшите ширину и высоту вдвое больше ширины границы
перед щелчком установите на нем границу того же цвета, что и фон.
Затем, когда вы щелкните, просто измените цвет фона, а ширина не изменится.
Попробуйте уменьшить размер полей, когда вы увеличиваете границы