CSS宽高动态赋值是一种非常方便的技术，它可以根据内容的大小自动调整元素的大小，让网页更加灵活美观。下面我们就来学习一下如何使用CSS宽高动态赋值。
首先，我们需要用CSS来定义元素的样式。为了实现宽高动态赋值，我们要使用width和height属性，并将它们的值设为“auto”。这样，当元素内部的内容发生变化时，它们的大小就会自动调整。

p {
width: auto;
height: auto;
}

接下来，我们可以在HTML文件中使用p标签来创建一个段落。这个段落会根据其内部内容的大小自动调整宽高，不需要再手动设置样式。

<p>这是一个样例段落，它的大小会根据内部内容自动调整。</p>

此外，我们还可以使用JavaScript来动态修改CSS属性，实现更加复杂的效果。假设我们有一个按钮，点击它后会显示一个图片。为了让图片的大小自适应容器，我们可以用下面的代码设置CSS样式。

.container {
width: 200px;
height: 200px;
}
img {
width: 100%;
height: 100%;
}

在HTML中，我们可以创建一个容器，并将其中的img标签的src属性设置为空，先隐藏图片。

<div class="container">
</div>
<button id="show-image">显示图片</button>

当用户点击按钮时，我们可以使用JavaScript获取img标签并设置它的src属性，再将其显示出来。此时，图片的大小就会根据容器的大小自动调整。

let img = document.querySelector("img");
let button = document.querySelector("#show-image");
button.addEventListener("click", function() {
img.setAttribute("src", "path/to/image.jpg")
img.style.display = "block";
});

总之，CSS宽高动态赋值是一种非常实用的技术，可用于许多网页的设计与实现中。无论是纯CSS还是与JavaScript结合使用，都可以实现让网页更加灵活美观的效果。