css中宽度属性auto到200px的动态改变

可以通过JavaScript来实现CSS宽度属性的动态改变。

首先，需要获取要改变宽度的元素，可以使用document.querySelector或document.getElementById等方法。

然后，可以使用JavaScript中的style属性来改变元素的CSS样式，例如：

var element = document.getElementById("myElement");
element.style.width = "200px";

以上代码将把ID为"myElement"的元素的宽度设置为200像素。

如果要实现宽度从auto到200px的动态改变，可以使用CSS过渡效果或JavaScript中的动画库来实现。例如，使用CSS过渡效果可以这样写：

var element = document.getElementById("myElement");
element.style.transition = "width 1s ease";
element.style.width = "200px";

以上代码将把ID为"myElement"的元素的宽度在1秒内平滑地从auto变为200像素。

如果要使用JavaScript中的动画库来实现，可以使用jQuery或GreenSock等流行的动画库，例如：

var element = document.getElementById("myElement");
TweenMax.to(element, 1, {width:"200px"});

以上代码使用GreenSock动画库将把ID为"myElement"的元素的宽度在1秒内平滑地从auto变为200像素。