vue去掉组件自带的width

html-css09

vue去掉组件自带的width,第1张

Vue可以通过设置 CSS 样式的width属性来去掉组件自带的width，例如在组件中添加样式：<style>.element { width: 0} </style>即可去掉组件自带的宽度。

如果单单就你的例子，你把width:100%去掉不就好了。

div本来就是块元素，用不着加width:100%啊。

你要的效果就是div加了border充满整个页面，宽度上可以实现的哦...

高度你是定义死的。

如果还有其他原因，比如其他属性影响到的话，你写全一点代码意思意思，从你给的demo看不出来有什么问题。

另外width:100%-10px

CSS里面可没有这么算东西的，你要是要计算就得用js来控制....

有2各地方的错误，

每个width和height后面的数量都要加一个单位px。

第一个d1里面的display应该改成：inline-block；‘

我把你的代码复制下来放在dreamweaver里面这样修改后就正常了；