| 
 | 
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Мне нужно выводить значения с подписями, причем значения должны заполнять всю доступную ширину родителя. Делаю так: Код: css 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. Код: html 1. 2. 3. 4. 5. 6. Но мне бы хотелось input размещать внутри label (чтобы не задавать атрибут for и вообще мне так больше нравится): Код: html 1. 2. 3. 4. 5. 6. 7. Можно ли для такой структуры получить такое же поведение (чтобы input заполнял всю доступную ширину, за вычетом содержимого label)? ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 11:39 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 11:56 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Да, типа такого. Но разумеется без calc(100% - 90px). calc еще куда ни шло, но 90px точно не пойдет. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 12:24 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Alibek B. Но разумеется без calc(100% - 90px). calc еще куда ни шло, но 90px точно не пойдет. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 12:29 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Потому что ширина может быть любой. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 12:30 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 12:31 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Alibek B. Потому что ширина может быть любой. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 12:32 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  вадя а так Оба варианта не работают (не заполняют всю ширину static-block). вадя ширина чего? Ширина содержимого label. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 12:54 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Alibek B., https://jsfiddle.net/L52bc46h/1/ ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 13:14 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  .static-block { width: 100%; padding: 2px 0; } .static-block label { display:flex; } .static-block input { flex-grow:1 border: 2px solid #eee; background: #f0f0f0; font-weight: bold; margin-left: 1ex; } Как то так попробуй. Должно работать. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 15:59 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  ? voraa Как то так попробуй. Должно работать. Да, с flex получилось. Правда нужно еще добавить width:1px. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 16:08 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  Alibek B. Да, с flex получилось. С "display: table" еще можно, наверное, сделать. Сейчас некогда пробовать просто. ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 17:11 | 
  
  
  
   | 
||
| 
 
CSS: Заполнить ширину родителя родителя с учетом родителя 
 | 
|||
|---|---|---|---|
| 
 #18+ 
    
  ...  | 
|||
| 
 : 
 Нравится:
      
  Не нравится:
      
  
   | 
|||
| 14.02.2020, 18:49 | 
  
  
  
   | 
||
| 
 | 

start [/forum/topic.php?desktop=1&fid=22&tid=1443542]:  | 
    0ms | 
get settings:  | 
    9ms | 
get forum list:  | 
    11ms | 
check forum access:  | 
    3ms | 
check topic access:  | 
    3ms | 
track hit:  | 
    54ms | 
get topic data:  | 
    10ms | 
get forum data:  | 
    2ms | 
get page messages:  | 
    43ms | 
get tp. blocked users:  | 
    1ms | 
| others: | 231ms | 
| total: | 367ms | 

| 0 / 0 | 

    Извините, этот баннер — требование Роскомнадзора для исполнения 152 ФЗ.
    
    
    «На сайте осуществляется обработка файлов cookie, необходимых для работы сайта, а также для анализа использования сайта и улучшения предоставляемых сервисов с использованием метрической программы Яндекс.Метрика. Продолжая использовать сайт, вы даете согласие с использованием данных технологий.»
    
    
    ... бла, бла, бла ...