Как определить (используя php или jquery) ширину div, чтобы он соответствовал ширине + марже тегов привязки внутри?

Question

Я хочу, чтобы ширина .nivo-controlNav автоматически соответствовала ширине + поле .nivo-controlNav a

код:

.nivo-controlNav {
    margin: 480px auto 0;
    overflow: hidden;
    width: 200px;
}
.nivo-controlNav a {
    background: url(images/bullets.png) no-repeat;
    border: 0;
    float: left;
    text-indent: -9999px;
    margin-right: 3px;
    width: 22px;
    height: 22px;
}

Answer 1

Я наконец сделал это:

// calculate outerWidth of .nivo-controlNav
    var customWidth = $j('.nivo-controlNav a').outerWidth(true);
    // Returns the number of matched elements
    var customNumber = $j('.nivo-controlNav a').size();
    $j('.nivo-controlNav').css("width", customWidth*customNumber);

Answer 2

Разве вы не можете просто сказать .nivo-controlNav до float:left?Похоже, вы используете какой-то фреймворк, и это может потребовать некоторого обхода, но это кажется намного более стабильным, чем использование JavaScript.

Answer 3

Я не уверен, если это то, что вы спрашиваете, но вы можете использовать JQuery outerWidth()

$(document).ready(function(){
 var customWidth = $('.nivo-controlNav a').outerWidth(true);
 $('.nivo-controlNav').css("width",customWidth);
});