По разному работают конструкции установки ширины элемента
Прошу помощи))
Почему эта конструкция Код:
$('.top_ava').width(new_width);Код:
$('.top_ava').css( 'width', '' + new_width + 'px' );класс .top_ava имеет padding-right: 10px; первая конструкция устанавливает ширину на 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>
|
странно както....
я специально через console.log вывел значение new_width выдавало к примеру 100 пх.. а размер у дива получался разный.. в первом случае 112 во втором 100.. правда у дива была тень, padding и margin.. может он как то еще учитывался в первом случае. |
| Часовой пояс GMT +3, время: 20:47. |