Html Can';i don’我不想让一个div按我想要的方式定位

Html Can';i don’我不想让一个div按我想要的方式定位,html,css,Html,Css,这是一个我正在为一个学校项目工作的网站。该页面是荷兰语的,对不起。我试图让我的部门掩盖我所有的内容。但它一直粘在我的头上。我不能让它工作。有人能帮我查一下吗?提前谢谢 这是我代码的一部分: <body><div id="wrapper"> <img class="logo" src="images/ericvanderwoude.png" alt="Eric van der Woude" height="150" width="150"> <

这是一个我正在为一个学校项目工作的网站。该页面是荷兰语的,对不起。我试图让我的部门掩盖我所有的内容。但它一直粘在我的头上。我不能让它工作。有人能帮我查一下吗?提前谢谢

这是我代码的一部分:

   <body><div id="wrapper">
<img class="logo" src="images/ericvanderwoude.png" alt="Eric van der Woude" height="150" width="150">
    <header>
        <h1>Informatica Opdracht</h1>
    </header>
    <nav id="menu">

        <ul>
            <li><a href="index.html" title="Home">Home</a></li>
            <li><a href="#" title="About">About</a></li>
            <li><a href="#" title="Portfolio">Portfolio</a></li>
            <li><a href="#" title="Contact">Contact</a></li>

        </ul>   

    </nav>

    <section class="fullwidth">
        <h3>Opdracht</h3>
        <p>De opdracht was een site te maken met behulp van HTML5 en CSS. Als hulpbronnen mocht ik onder andere de cursus op <a href="http://informatica-actief.stoas.nl/login/index.php" target="_blank">Informatica Actief</a> gebruiken en de informatie van <a href="http://www.w3schools.com/" target="_blank">W3Schools.</a></p>
        <h3>Eisen</h3>
        <p>Volgens de opdracht moest ik mij aan een aantal eisen houden, namelijk de site moest minimaal een startscherm, hoofdscherm en minimaal 1 scherm vanuit het menu in het rechtergedeelte. Ik moest zo veel mogelijk laten zien wat ik van HTML5 en CSS afweet. De opmaak moet geheel met CSS zijn gemaakt en de pagina moet een favicon hebben.</p>
    </section>

    <article>



        <h3>Kolom</h3>
        <p>Voor het gemak heb ik het onderwerp 'salaris' gekozen. Overigens heb ik de &lt;th&gt; of table header niet meegerekend als kolom.</p>
        <table style="width:100%">
        <caption>Salarissen</caption>
            <tr>
                <th>Maand</th>
                <th colspan="4">Salaris</th>
            </tr>
            <tr>
                <td></td>
                <td>Rex</td>
                <td>Emily</td>
                <td>Marcel</td>
                <td>Julia</td>
            </tr>
            <tr>
                <td>Januari</td>
                <td>€95</td>
                <td>€110</td>
                <td>€70</td>
                <td>€45</td>
            </tr>
            <tr>
                <td>Februari</td>
                <td>€70</td>
                <td>€60</td>
                <td>€85</td>
                <td>€95</td>

            </tr>
                <tr>
                <td>Maart</td>
                <td>€145</td>
                <td>€40</td>
                <td>€60</td>
                <td>€80</td>
            </tr>
            <tr>
                <td>April</td>
                <td>€85</td>
                <td>€110</td>
                <td>€98</td>
                <td>€100</td>       
            </tr>   
        </table>
    </article>
    <aside>
        <h4>Extra opgaven</h4>
        <p>Er werd ook een extra opgave gegeven. Deze zal ik hieronder beschrijven.</p>
        <p>"Je hebt een 4 rijen, 5 kolommen tabel, met de tabel functionaliteit van HTML en geheel met CSS gemaakt. De tabel moet voorzien van een eerste speciale rij en kolom. Elke cel in de tabel moet van een rand voorzien zijn (lijnen zichtbaar)"</p>
    </aside>
    <footer>
    <p>Copyright&copy; 2014 - Eric van der Woude - Informatica Helen Parkhurst</p>
    </footer>
    </div>          
    </body>

问题是,您使用的是float…这意味着您的包装器不计算这些div,因此它只会坚持不浮动的内容。解决方案是移除浮动并找到替代方案。希望这有帮助


<div style="clear:both;"></div>

如果您在Chrome中检查元素并查看样式旁边的“计算”选项卡以查看背景,请将该行放在要更改浮动或更改行之前,重复该操作

repeat-x
覆盖

repeat-y
如果您要求两者都重复,请简单地说:

background-repeat: repeat;

另一种存在状态:绝对;使用position absolute是一样的,包装器不会将这些计算为实际块,尽管我删除了所有的浮动,它现在以我尝试的方式进行定位。谢谢我想不出问题出在哪里。您是指背景图像吗?您的表格中的特殊行应该是一个
(代表表格标题)用于您的额外分配。@Dorvalla您指的是哪一个?您在其中定义获得salery的人的姓名(如Rex、Emlily、Marcel和Julia的姓名)将这些单元格设置为
而不是
,因为它们不是“数据”。检查这里谢谢你告诉我!我修好了
background-repeat: repeat;