在CSS中，我們可以使用height: 100%來設(shè)置元素的高度為父元素高度的100%，這種方法有一個問題，那就是如果父元素的高度沒有設(shè)定，或者高度為0，那么子元素的高度也會為0。

為了解決這個問題，我們可以使用JavaScript來動態(tài)計算并設(shè)置父元素的高度，以下是一個簡單的示例：

function setParentHeight() {
    var body = document.body;
    var content = document.getElementById('content');
    var footer = document.getElementById('footer');
    var totalHeight = body.offsetHeight;
    var contentHeight = content.offsetHeight;
    var footerHeight = footer.offsetHeight;
    var padding = 10; // 根據(jù)實際情況調(diào)整
    var border = 10; // 根據(jù)實際情況調(diào)整
    var margin = 10; // 根據(jù)實際情況調(diào)整
    var style = 'height: ' + (totalHeight - contentHeight - footerHeight - padding - border - margin) + 'px';
    content.style = style;
}

在這個示例中，我們獲取了body、content和footer元素的高度，并計算了總高度，我們根據(jù)這個總高度減去content和footer元素的高度以及一些額外的填充、邊框和邊距，來動態(tài)設(shè)置content元素的高度。

這只是一個簡單的示例，實際的情況可能會更加復(fù)雜，這個示例應(yīng)該能夠解決CSS中如何使元素高度跟隨body元素高度的問題。