dialog标签只显示一个

dialog标签只显示一个

我使用了dialog标签,加了两个,但是在页面上显示时只有一个,并且会挡住footer标签的内容。后来给section标签加了一个margin-bottom: 300px;样式,footer标签的内容才在底部显示出来,这是为什么呢?

http://img1.sycdn.imooc.com/climg//584e57500001c6c405090087.jpghttp://img1.sycdn.imooc.com/climg//584e577c0001117f06610527.jpghttp://img1.sycdn.imooc.com/climg//584e578c00019ec806810438.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

两个dialog实际上是都正常显示了,只是因为默认样式,所以层叠在一起,你可以试着修订某一个dialog的位置,就可以看出来啦

  • 听羽 提问者 #1
    原来是叠加在一起了,谢谢你。
    2016-12-12 16:57:56
卡布琦诺 2016-12-12 16:58:03

楼上说的很对,dialog显示时,默认样式是重叠在一起的,所以你只看到了一个,你可以单独设置其中一个dialog到合适的位置,就可显示出来了,祝学习愉快!

  • 提问者 听羽 #1
    嗯嗯,调好了,谢谢
    2016-12-12 17:01:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师