Форум

kak2z · #1 (**permalink**) 23.01.2017, 19:41

Прошу помощи))
Почему эта конструкция

Код:

	$('.top_ava').width(new_width);

работает иначе чем эта

Код:

	$('.top_ava').css( 'width', '' + new_width + 'px' );

в верхней устанавливается больше ширина у элемента чем у нижнего.

класс .top_ava имеет padding-right: 10px;
первая конструкция устанавливает ширину на 12px больше чем вторая..
хотя по документации должны одинаково работать)
Спасибо)

рони · #2 (**permalink**) 23.01.2017, 22:58

Сообщение от kak2z

первая конструкция устанавливает ширину на 12px больше чем вторая..

вы что-то не договариваите

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .top_ava{
    height: 50px;
    background-color:  #FF00FF;
    padding-right: 10px;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
var new_width = 200
$('.top_ava:first').width(new_width);
$('.top_ava:last').css( 'width', new_width + 'px' );
});
  </script>
</head>

<body>
<div class="top_ava"></div>
<br>
<div class="top_ava"></div>
</body>
</html>

kak2z · #3 (**permalink**) 24.01.2017, 22:46

странно както....
я специально через console.log вывел значение new_width
выдавало к примеру 100 пх.. а размер у дива получался разный.. в первом случае 112 во втором 100..
правда у дива была тень, padding и margin.. может он как то еще учитывался в первом случае.

Форум

Справочник

Discord чат

Курсы javascript