Question

我的代码适用于W3school的Tryit编辑器，但无法在浏览器上运行。

这是我的html：

<div align="center">
    <div class id="welcome">
        <iframe src="http://www.cartoonnetwork.com/games/adventuretime/righteousquest/game.swf" width="600" height="400" frameborder="0" marginheight="0" scrolling="no"></iframe><br/><br/>
        <h1>Adventure Time:Righteous Quest</h1>
    </div>
</div>

继承我的css：

.welcome{    
    border:1px solid white;
    margin:0px;
    color:#000000;
    background:#ffffff;     
}

另外，我在没有div对齐的情况下尝试了它，它产生了相同的结果。

提前致谢！

Answer 1

替换

 <div class id="welcome">

。通过

<div class="welcome">

因为您在css中使用了类.welcome。如果您想使用id，则需要将css定义为#welcome。

Answer 2

问题在于你的HTML。你需要改变：

<div class id="welcome">

到

<div class="welcome">

请参阅小提琴：http://jsfiddle.net/lflores/qWMHS/

盒子没有出现css

2 个答案: