Question

Gday all

现在我很安静，以下代码snipet似乎是一个简单的问题，但我似乎无法解决它。＆＃34;主框的想法是在＆＃34; main＆＃34;周围放置一个白色背景。和＆＃34; mainr＆＃34;

当我将页脚放在底部div上方时，一切正常。

我可以提供完整的代码，如果它有助于我们不想让页面陷入困境

提前致谢

<div id = "mainbox">
<article id="main">
    <pre align="center">Mission  Statement </pre>
        <p align="center">Mission  Ready </p>
</article>
<article id="mainr">
    <pre align="center">Mission  Statement </pre>
        <p align="center">Mission Ready</p>
</article>
</div>
<footer id="footer">Content for  id "footer" Goes Here</footer>

Answer 1

只需添加你的css

#mainr , #main
{
   background-color : white;
}
this above code apply to all object whose id is either "main" or "mainr".

或

article
{
  background-color : white;  /*This will apply to all article HTML tag*/
}

或者您可以定义cssclass并将其提供给HTML对象，如

.bcgrnwhite  /*give class name , you can give anything but good to remember quickly */
{
   background-color : white; /*you can give other properties which you apply as common*/
}

<div id = "mainbox">
<article id="main" class="bcgrnwhite">   /*here I change, given css*/
    <pre align="center">Mission  Statement </pre>
        <p align="center">Mission  Ready </p>
</article>
<article id="mainr" class="bcgrnwhite">   /*here I change, given css*/
    <pre align="center">Mission  Statement </pre>
        <p align="center">Mission Ready</p>
</article>
</div>
<footer id="footer">Content for  id "footer" Goes Here</footer>

＆＃34;＆＃34;用于普通班级。

＆＃34;＃＆＃34;用于id相关的css。 h1，p1，table用于在html中申请所有h1，p1或table标签。

您只需详细了解css selectors，http://www.w3.org/TR/CSS2/selector.html

简单的HTML问题

1 个答案: