Question

出于某种原因，我的<HR>标记不会像其他标记一样穿过页面：

http://gyazo.com/fad8cfaf31f3f1f585d0132e33d18c8f

我已经发现它是右侧的侧栏但我无法找到确切的问题。

我的人力资源CSS：

hr {
  position:relative;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #666;
  border-bottom: 1px solid #ffffff;
}

侧栏的CSS：

.sidebar {
  position:relative;
  float:right;
  top:180px;
  left:290px;
  border: 2px solid;
  border-radius: 20px;
}

您对问题可能有什么了解吗？

HTML CODE / PHP：

<?php 
//--- Authenticate code begins here ---
session_start();
//checks if the login session is true

if (!isset($_SESSION['username'])){
header("location:index.php");
}
$username = $_SESSION['username'];

// --- Authenticate code ends here ---


 include ('header.php'); 



        ?>




    <div class="blog-wrap">


        <section class="blog-content">



            <link rel="stylesheet" type="text/css" href="../css/style1.css">

            <form action="search.php" class="searchbar1" method="GET">
        <input type="text" name="query" />
        <input type="submit" class="btn btn-search" value="Search" />
    </form>



<div style="float:right">  <a class="btn btn-danger logout" href="logout.php" > Logout</a> </div>

<div id="menu">
    <ul id="nav">
        <li><a href="home.php" target="_self" >Home</a></li>
        <li><a href="session1.php" target="_self" >Sessions</a>

            <ul>
                <li><a href="session1.php" target="_self" >Session 1</a></li>
                <li><a href="session2.php" target="_self" >Session 2</a></li>
                <li><a href="session3.php" target="_self" >Session 3</a></li>
                <li><a href="session4.php" target="_self" >Session 4</a></li>
                <li><a href="session5.php" target="_self" >Session 5</a></li>
                <li><a href="session6.php" target="_self" >Session 6</a></li>
                <li><a href="session7.php" target="_self" >Session 7</a></li>
                <li><a href="session8.php" target="_self" >Session 8</a></li>
                <li><a href="session9.php" target="_self" >Session 9</a></li>
                <li><a href="session10.php" target="_self" >Session 10</a></li>
                <li><a href="session11.php" target="_self" >Session 11</a></li>
                <li><a href="session12.php" target="_self" >Session 12</a></li>
                <li><a href="session13.php" target="_self" >Session 13</a></li>
                <li><a href="session14.php" target="_self" >Session 14</a></li>



            </ul>
            <li><a href="blog.php" target="_self" >Blog</a></li>
            <li><a href="shop.php" target="_self" >Shop</a></li>
    </ul>
</div>

<div class="sidebar">
<?php 
                include "blogsidebar.php";
            ?>
            </div>

            <section class="blog-inner">
                <div class="blog-posts">
                    <?php 
                        $sql = "SELECT blog.*, users.*, category.*, COUNT(comment.blogID) AS commentcount 
                        FROM blog INNER JOIN users ON blog.authorID = users.userID INNER JOIN category ON 
                        blog.catID = category.catID LEFT JOIN comment ON blog.blogID = comment.blogID GROUP BY 
                        blog.blogID, comment.blogID ORDER BY dateposted DESC LIMIT 0,3"; //display the last 3 blog entries and count the number of comments for each blog entry 

                        $result = mysql_query($sql) or die(mysql_error($connection)); //run the query 

                        while ($row = mysql_fetch_array($result)) 
                        { 

                        echo "<article class='blog-post one'>";
                        echo "<aside class='blog-text-prev'>";
                        echo "<div class='text-content'>";
                        echo "<h1><hr>" . $row['blogTitle'] . "</h1>";
                        echo "<h1>" . $row['categoryImage'] .  "  " . $row['fullname'] . "  ". $row['category'] ."  " . date("F jS",strtotime($row['dateTime'])) . " </h1>";
                        echo "<div class='clear'></div>";
                        echo "<p>" . (substr(($row['blogContent']),0,304)) . " <i><b><a href='blog-post.php?blogID=" .$row['blogID']. "'>Read More...</a></i></b></p>";
                        echo "</div>";
                        echo "</aside>";
                        echo "</article>";
                        }
                    ?>

                </div>

            </section>
        </section>
    </div>
</section>
<!-- end login -->
<?php 
    include "footer.php";
?>

Answer 1

根据您提供的HTML / PHP判断

echo "<h1><hr>" . $row['blogTitle'] . "</h1>";

我会假设<hr>继承了父<h1>的宽度，并且授予了您遇到问题的那个，其标题比其他标题短，那么可能就是它。< / p>

要么将<hr>移到外面，要么移到<h1>或将博客标题<h1>设置为width: 100%;

为什么我的<hr />标记不跨越整个页面？

1 个答案: