CSS div标签不起作用答案

【问题标题】：CSS Div tag not workingCSS div标签不起作用
【发布时间】：2013-12-11 20:37:43
【问题描述】：

我正在尝试使用 div 标签将 CSS 添加到我在 include 'login.php'; 包含在 <div> 标签内的页面中，但 css 似乎不起作用。我的最终目标是让表单覆盖页面，但现在我只想让某种样式起作用，这样我就可以从那里开始了。

编辑： 结果我的样式表没有注册或连接到文档，因为如果我使用样式标签在 index.php 中创建样式表，它就可以工作。不知道我做错了什么，Dreamweaver 认出了它。

index.php

<div id="login">
<?php
    if(isset($_GET['action']) && strcmp($_GET['action'], "login") == 0) {
        include 'Users/loginPopUp.php';
    }
?>
</div>

loginPopUp.php

<form method="post" action="">
        <ul>
            <li>
                <label for="usn">Username : </label>
                <input type="text" maxlength="30" required autofocus name="username" />
            </li>

            <li>
                <label for="passwd">Password : </label>
                <input type="password" maxlength="30" required name="password" />
            </li>
            <li class="buttons">
                <input type="submit" name="login" value="Log me in" />
                <input type="button" name="register" value="Register" onclick="location.href='register.php'" />
            </li>

        </ul>
    </form>

style.css

#login{
    background:#F00;
}

【问题讨论】：

如果使用 position fixed，width: 100% 和 float right 将不起作用。设置宽度：例如 100px 就可以了。

标签： php html css styles

【解决方案1】：

首先，您应该将 CSS 文件添加到页面的标题中。

其次，完成后，只需在表单标签中添加 div="#login"。

【讨论】：

添加位置：绝对并在该添加位置下：固定
如果您仍然看不到表格，请查看 W3School 上的“z-index”
我可以看到表格，只是没有背景颜色。我编辑了 Style.css
@Duck 这可能是因为您的表单是浮动的或具有导致#login 忽略其高度的位置属性。我们无法从您提供的代码中看出。
@TreeTree 现在，我只是想获得某种 css 来应用它

【解决方案2】：

可能您的 div 没有高度，因为表单是浮动的或类似的。试试：

#login{
    background-color:red;
    overflow:hidden;
}

【讨论】：

没有变化。我可以手动向表单添加样式，但我无法让任何 div 工作、表单或页面上没有表单。样式已添加到标题中，dreamweaver 可以识别它们，但它们似乎不起作用

【解决方案3】：

我认为 CSS 样式只有在调用 DIV 之后才会加载。它可能在页面的末尾......

【讨论】：

请详细说明一下？我用 <style> 标签替换了我的 <link> 标签，并将我所有的 CSS 放在主文档中，它可以工作