css div的width，height属性失效
代码如下：style代码为：div{background-color:silver;}.d1{width:100;height:100;display:inline;}....
代码如下：
style代码为：
div {
background-color:silver;
}
.d1 {
width:100;
height:100;
display:inline;
}
.d2 {
width:100;
height:100;
display:block;
}
.d3 {
width:100;
height:100;
display:inline-block;
}
body代码为
<span>c</span><div class="d1">Hello</div><span>c</span>
<span>c</span><div class="d2">Hello</div><span>c</span>
<span>c</span><div class="d3">Hello</div><span>c</span>
如果去掉<!DOCTYPE html>，width和height恢复正常，否则不管怎么改都统统失效 展开
style代码为：
div {
background-color:silver;
}
.d1 {
width:100;
height:100;
display:inline;
}
.d2 {
width:100;
height:100;
display:block;
}
.d3 {
width:100;
height:100;
display:inline-block;
}
body代码为
<span>c</span><div class="d1">Hello</div><span>c</span>
<span>c</span><div class="d2">Hello</div><span>c</span>
<span>c</span><div class="d3">Hello</div><span>c</span>
如果去掉<!DOCTYPE html>，width和height恢复正常，否则不管怎么改都统统失效 展开
7个回答
展开全部
有2各地方的错误，
每个width和height后面的数量都要加一个单位px。
第一个d1里面的display应该改成：inline-block；‘
我把你的代码复制下来放在dreamweaver里面这样修改后就正常了；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加个单位应该就行了，把display:inline; 给去掉加一个overflow：hidden
追问
我是为了测试inline block inline-block的区别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.d1 {
width:100;
height:100;
display:inline; //去掉
}
width:100;
height:100;
display:inline; //去掉
}
追问
我是为了测试inline block inline-block的区别
追答
我眼瞎了，竟然没看见单位没了，老实交代，你是不是修改问题了！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
px
单位
。
单位
。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
