Html 对齐3个div'；s CSS_Html_Css

Html 对齐3个div'；s CSS

html css

Html 对齐3个div'；s CSS,html,css,Html,Css,这让我快发疯了我试图在80%的屏幕范围内对齐3个分区。。。但这并没有发生我得到的页眉和导航div为100%，然后我的滑块和页脚div为80%，但3个div介于两者之间（我将用作带有height:auto；的列），但我无法让它工作看看我的代码另一个恼人的地方是，它在Dreamweaver中看起来还不错，但当我在浏览器中加载它时，它看起来很糟糕 HTML 在您的代码中有一些css问题实施盒子大小调整 /*CSS文档*/ * { 边际：0px；填充：0px；框大小：边框框；字体系列：

这让我快发疯了

我试图在80%的屏幕范围内对齐3个分区。。。但这并没有发生

我得到的页眉和导航div为100%，然后我的滑块和页脚div为80%，但3个div介于两者之间（我将用作带有height:auto；的列），但我无法让它工作

看看我的代码

另一个恼人的地方是，它在Dreamweaver中看起来还不错，但当我在浏览器中加载它时，它看起来很糟糕

HTML

在您的代码中有一些css问题

实施盒子大小调整

/*CSS文档*/
* {
边际：0px；
填充：0px；
框大小：边框框；
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、“Sans serif”；
}
标题{
宽度：100%；
左边距：自动；
右边距：自动；
}
.集装箱{
宽度：80%；
左边距：自动；
右边距：自动；
位置：相对位置；
}
.标题{
背景色：#7B0A0B；
宽度：100%；
高度：120px；
左侧填充：20px；
填充顶部：25px；
填充底部：自动；
}
navbar先生{
背景色：#E4383B；
宽度：100%；
高度：50px；
}
霍姆斯里德先生{
宽度：80%；
高度：300px；
背景色：#7c7c；
左边距：自动；
右边距：自动；
}
页脚{
宽度：80%；
高度：200px；
背景色：#8989；
明确：两者皆有；
保证金：自动；
}
.三盒{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
利润率：20px自动0；
宽度：80%；
}
.三个盒子*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.三箱.三箱排{
利润率：0-15px；
}
.三个盒子.三个盒子排：之后{
明确：两者皆有；
显示：块；
内容：''；
}
.三个盒子，家庭盒子{
宽度：33.3333%；
浮动：左；
填充：0 15px；
边缘底部：15px；
}
.三盒，三盒{
背景色：#8989；
填充：10px；
}


试验场地
悉尼中央商务区
我做了很多搜索，发现过时的教程不起作用……我有一个用PHP制作的网站，当我在我的管理区提交一个特定的表单时，我想发布到我的Facebook“粉丝页面”，但没有可用的RSS，我也要这样做
您有没有使用php sdk直接发布到Facebook粉丝页面（而不是用户墙）的例子？谢谢
我做了很多搜索，发现过时的教程不起作用……我有一个用PHP制作的网站，当我在我的管理区提交一个特定的表单时，我想发布到我的Facebook“粉丝页面”，但没有可用的RSS，我也要这样做
您有没有使用php sdk直接发布到Facebook粉丝页面（而不是用户墙）的例子？谢谢
我做了很多搜索，发现过时的教程不起作用……我有一个用PHP制作的网站，当我在我的管理区提交一个特定的表单时，我想发布到我的Facebook“粉丝页面”，但没有可用的RSS，我也要这样做
您有没有使用php sdk直接发布到Facebook粉丝页面（而不是用户墙）的例子？谢谢

不太确定你想要完成什么。你能制作一个模型让我们看看你想要做什么吗？3个均匀排列的列。在我看来，你对哪个浏览器有问题很好？你想要屏幕80%内的所有内容吗？你更改了哪些行（我不想全部阅读或区分）太好了。谢谢。这就解决了问题。我需要检查一下代码，以便知道我下次要做什么。谢谢，如果它对你有用，那么请检查为upvote，这样它的击球手就可以为另一个击球手击球。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Test Site</title>
</head>
<body>

    <header>
    <div class="header">
        <h1>Sydney CBD FC</h1>
    </div>
    <div class="navbar"></div>
    </header>
<div class="container">
  <div class="homeslider"></div>

  <div class="homebox">
        <p>I've done a lot of searching and I've found outdated tutorials that don't work...

I have a site made with PHP and when I submit a particular form in my admin area, I want to publish to my Facebook "fan page"

There is no RSS available, so do you have any example to directly post to the Facebook fan page (not user wall) using php sdk?

Thank you!</p>
    </div>
  <div class="homebox2">
        <p>I've done a lot of searching and I've found outdated tutorials that don't work...

I have a site made with PHP and when I submit a particular form in my admin area, I want to publish to my Facebook "fan page"

There is no RSS available, so do you have any example to directly post to the Facebook fan page (not user wall) using php sdk?

Thank you!</p>
    </div>
  <div class="homebox3">
        <p>
            I've done a lot of searching and I've found outdated tutorials that don't work...

I have a site made with PHP and when I submit a particular form in my admin area, I want to publish to my Facebook "fan page"

There is no RSS available, so do you have any example to directly post to the Facebook fan page (not user wall) using php sdk?

Thank you!
        </p>
    </div>



<footer>

</footer>

</div>

</body>
</html>

@charset "UTF-8";
/* CSS Document */


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

header {
        width: 100%;
    margin-left: auto;
    margin-right: auto;
}
}
.container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.header {

    background-color: #7B0A0B;
    width: 100%;
    height: 120px;
    padding-left:20px;
    padding-top: 25px;
    padding-bottom:auto;

}

.navbar {
    background-color: #E4383B;
    width: 100%;
    height: 50px;

}

.homeslider {

    width: 80%;
    height: 300px;
    background-color: #7C7C7C;
    margin-left: auto;
    margin-right: auto;
}

.homebox {

    background-color: #898989;
    height: auto;
    width: 30%;
    float: left;
    margin-top: 15px;
    padding: 8px;
    margin-bottom: 15px;
}

.homebox2 {

    background-color: #898989;
    height: auto;
    width: 30%;
    float: left;
    margin-top: 15px;
    padding: 8px;
    margin-left: 3%;
    margin-bottom: 15px;
}

.homebox3 {

    background-color: #898989;
    height: auto;
    width: 30%;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 8px;

}

footer {

    width: 80%;
    height: 200px;
    background-color: #898989;
    clear: both;
    margin: auto;
}