HTML <!DOCTYPE> 标签对部分CSS代码失效的疑问
HTML代码：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/...
HTML代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><link rel="stylesheet" href="main.css" type="text/css" /></head><body><center><div id="submitgoodserror2"><div id="submitgoodserror1">未选择商品，请选择！
</div></div></center></body></html>
CSS代码：
#submitgoodserror1{height:100px;width:250px;background:#aaeeff;margin-top:30px;font-size:24px;color:#f00;}#submitgoodserror2{height:160px;width:310px;background:#0f0;}
就这样子，margin-top失效了，换成HTML的另两个<!DOCTYPE>，也是不能用，去掉这个标签就可以了。 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><link rel="stylesheet" href="main.css" type="text/css" /></head><body><center><div id="submitgoodserror2"><div id="submitgoodserror1">未选择商品，请选择！
</div></div></center></body></html>
CSS代码：
#submitgoodserror1{height:100px;width:250px;background:#aaeeff;margin-top:30px;font-size:24px;color:#f00;}#submitgoodserror2{height:160px;width:310px;background:#0f0;}
就这样子，margin-top失效了，换成HTML的另两个<!DOCTYPE>，也是不能用，去掉这个标签就可以了。 展开
1个回答
展开全部
修改：#submitgoodserror2的样式
#submitgoodserror2
{
height:160px;
width:310px;
background:#0f0;
overfolow: hidden; /* **********加上这行********** */
}
更多追问追答
追问
真行了！可是不理解为什么要设置隐藏溢出呢？
追答
简单来说：#submitgoodserror2目前处于睡眠状态，加上这行就是叫醒他，让他开始工作。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
