Question

我的css与php结合时遇到了一个奇怪的问题。

这是我的普通html + css（所以没有php），这就是我想要的布局 normal html

PHP代码

不再相关，请参阅下文

当我在Chromium中运行脚本时，我得到了他的： php + chrome

正如您所看到的，身体的背景（鲑鱼色）没有贯穿到底部，文本框和搜索按钮被压在底部。

然而，当我在Firefox中运行脚本时： php + firefox

身体的背景贯穿到底部（我切了一块因为它下面的东西现在并不重要）但是文本框和搜索按钮仍然按在底部。

我已经尝试转换'转换'并逃避它们但无济于事。我不认为css和html有什么问题，因为它没有php的工作，但我发现奇怪的是它给出了不同的造型。当我浏览Firefox和Chromium中的常规html时，没有区别

注意：我有一些编程方面的经验，但对于PHP或HTML / CSS来说，这是一个菜鸟，所以我可能只是以错误的方式看待

没有回声的新HTML代码，但这完全相同：

<html lang="en">
<head>
    <meta charset="utf-8">
    <!-- Set the viewport so this responsive site displays correctly on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ComicDB</title>
    <!-- Include bootstrap CSS -->
    <link href="includes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="includes/style.css" rel="stylesheet">
</head>
<body>
    <!-- Site header and navigation -->
    <header class="top" role="header">
        <div class="container">
            <a href="index.html" class="navbar-brand pull-left">ComicDB</a>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="glyphicon glyphicon-align-justify"></span>
            </button>
                <nav class="navbar-collapse collapse" role="navigation">
                        <ul class="navbar-nav nav">
                            <li><a href="issue.html">Issue</a></li>
                    <li><a href="series.html">Series</a></li>
                    <li><a href="writer.html">Writer</a></li>
                    <li><a href="editor.html">Editor</a></li>
                    <li><a href="letterer.html">Letterer</a></li>
                    <li><a href="colourist.html">Colourist</a></li>
                    <li><a href="coverartist.html">Cover Artist</a></li>
                    <li><a href="inker.html">Inker</a></li>
                    <li><a href="penciler.html">Penciler</a></li>
                    <li><a href="tpb.html">Trade Paper Back</a></li>
                    <li><a href="publisher.html">Publisher</a></li>
                        </ul>
                </nav>
            </div>
    </header>
    <!-- Banner section -->
    <div class="banner">
            <div class="container">
            <form class="searchbox" action="getIssue.php" method="get">
                <input id="search" type="text" size="35" placeholder=" Series" name="seriesName">
                <input id="search" type="text" placeholder=" Volume" name="volumeName">
                <input id="search" type="text" size="5" placeholder=" NR" name="issueNR">
                <input id="submit" type="submit" value="Search">
            </form>
            </div>
        </div>
    <!-- Include jQuery and bootstrap JS plugins -->
    <script src="includes/jquery/jquery-2.1.0.min.js"></script>
    <script src="includes/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

结果：

html without echo

Answer 1

@Timothy Persoon使用此css并更改此代码的颜色:) ！您在菜单栏中使用的同一类＆＃34;容器＆＃34;并搜索！

＆＃13;

body{ background-color:#FFF;}
.container{
margin-left:20%;
width:520px;
height:20px;
padding:20px;
border: 5px #888888 solid;
background-color: #cbce2c;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

＆＃13;

php echo css不起作用

1 个答案: