Javascript 如何制作<；选择>；与<；部门>；要素

现在，我想确定select元素的宽度，比如说它的父div（div#querys）的80%。有什么办法吗

<div id="flowchart-left-panel">

                <div id ="queries">
                    <h3>Queries</h3>
                    <select class="query-list" size="20">
                    </select>
                </div>
                <div id="filters">
                    <h3>Filters</h3>
                    <select class="filter-list" size="10">
                    </select>
                </div>
            </div>

询问
过滤器

当然，使用CSS

此处演示：

当然，使用CSS

此处演示：

---

在css中，您可以指定宽度属性。

@Lal是的，但是您知道我如何才能做到这一点吗？我的意思是，我知道我可以做像宽度=100px这样的事情，但是，如果我想用div元素的宽度来做的话，我应该怎么做呢。。这是您想要的吗？在css中，您可以指定宽度属性。

@Lal是的，但是您知道我如何才能做到这一点吗？我的意思是，我知道我可以做像宽度=100px这样的事情，但是，如果我想用div元素的宽度来做的话，我应该怎么做呢。。这是您想要的吗？那么，我必须在之前固定div元素的大小吗？或者使用max或min width。或者不在父元素上设置宽度，只在select上设置宽度。因此，我是否必须在之前固定div元素的大小？或者使用最大或最小宽度。或者不在父对象上设置宽度，只在选择对象上设置宽度。

#queries, #filters{
 width: 300px; 
}

select{
  width: 80%;
}