1 Востаннє редагувалося Betterthanyou (17.02.2017 14:16:26)

Тема: Як розміри одного елемента передати іншому

Для приклад написав такий код

<html>
<head>
<!--Begin debugging-->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<!--End debugging-->
<style>
#block {text-align: center;}
#block div{margin: 10px;}
</style>
</head>
<body>
<div id="block">
<div>text</div>
<div><input type="date"></div>
<div>text</div>
<div><input type="date"></div>
<div><button type="button">click here</button></div>
</div>
</body>
</html>

Я хочу щоб кнопка в ширину була точно така сама як елемент #block input, як це можна зробити ?

Прихований текст

Так працювати не буде

#block button{width: #block input[type=date];}

2 Востаннє редагувалося 221VOLT (17.02.2017 14:32:05)

Re: Як розміри одного елемента передати іншому

100% ширину дати - не?
щоб по ширині блока рівнем вище по DOM?

3

Re: Як розміри одного елемента передати іншому

221VOLT написав:

100% ширину дати - не?
щоб по ширині блока рівнем вище по DOM?

Ширина 100% не підійде, бо тоді кнопка буде на всю сторінку, з початку до кінця

4

Re: Як розміри одного елемента передати іншому

ну так зробити фіксовану ширину блока вище по DOM

Подякували: Betterthanyou1

5 Востаннє редагувалося NaharD (17.02.2017 20:56:19)

Re: Як розміри одного елемента передати іншому

Кожна чи майже кожна властивість може наслідувати своє значення від батьківсько елемента в цьому випадку width має мати значення inherit. https://jsfiddle.net/zxs9wzof/1/. Це не готове рішення, але варте уваги.

Подякували: Betterthanyou, 221VOLT2