Блог

Главная - Вопросы по программированию - Размещение элемента в конце DIV

Размещение элемента в конце DIV

#css

#css

Вопрос:

Пожалуйста, пожалуйста, посмотрите, как мой DIV выглядит здесь:

http://www.tiikoni.com/tis/view/?id=c69669e

Вот мой код для этого DIV :

  <div style="background-color:#99CCFF;white-space: nowrap">
     <hr>
     <p>
         <span STYLE="font-size:24; font-weight:bold; color: black">Site:</span>
         Downtown Denver DataCenter - CCODEN44 | 
         <span STYLE="font-size:24; font-weight:bold; color: black">Device:</span>  
         CCODEN44-ACME-RTR-1 | 
         <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span> 
         Wilmington DataCenter, DC  
         <a href="url">Print</a> 
         <hr>
     </p>
 </div>

Что я ищу: я хочу переместить печать в конец макета.

Комментарии:

1. Как насчет присвоения ему позиции: абсолютной и правой: 1% или что-то в этом роде?

Ответ №1:

Ваш макет неправильный. Попробуйте разбить это на два раздела и использовать технику css floating для завершения размещения. Абсолютное позиционирование не будет увеличиваться или уменьшаться в разных разрешениях.

Ответ №2:

Я предлагаю вам поместить вашу «Печать» в другой div и выровнять ее с правой стороны. Итак, попробуйте это:

 <div style="background-color:#99CCFF;white-space: nowrap;">
<hr><p><div style="float: right;"><a href="url">Print</a></div><span STYLE="font-size:24; font-weight:bold; color: black">Site:</span> Downtown Denver DataCenter - CCODEN44 | <span STYLE="font-size:24; font-weight:bold; color: black">Device:</span> CCODEN44-ACME-RTR-1 | <span STYLE="font-size:24; font-weight:bold; color: black">Interface:</span> Wilmington DataCenter, DC  <hr></p>
</div>