遇到我的网站有问题？对齐两个div有问题

所以我现在处于我想退出的地步，因为这个问题给我带来了麻烦。所以如果任何人都可以帮助我，那会很棒：D！遇到我的网站有问题？对齐两个div有问题

因此，在我的网站上，我想要做的是在网站左侧有一个div盒，在那里会有一个“了解更多”链接，将带您到另一个网页，解释我的网站是关于我的（这将是我的解释我的网站）

在另一个div盒我想那里有一个“注册表单”的基本注册表单，供用户签署为我的网站

现在我的问题是没有得到框或注册表并排对齐。

现在我的问题是盒子顶部的对齐。当我把“float：left”它对准他们并排（酷似我想要的）侧但是盒子的顶部边缘的一个是上涨，则其他

例如，这是我的网站到目前为止http://www.shoportrade.org/ 正如你可以看到盒子别牛逼从边框的顶部完全一致，一个是较低的，则其他

我希望它看起来有几分像这样http://www1.picturepush.com/photo/a/12506959/640/12506959.png

谁能帮助我？我打了一堵墙，我真的想把这个问题弄清楚。

来源

2013-03-25 Richard Linares

首先，我会让我的HTML有效。例如见你的''。 – 2013-03-25 18:22:09

我对你的问题感到困惑。他们看起来像他们排队给我。你在找什么浏览器？我建议使用HTML编辑器中内置的Firebug（Firefox附加组件）或Chrome（F12）/ Opera（Ctrl + Shift + i）/ IE（F12）之类的东西来调整CSS，使其完全符合您的需求。他们中的大多数都可以帮助您使用CSS布局。 – 2013-03-25 18:23:40

请阅读。你不应该发布你的网址。你应该发布你的代码。 http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link-to-it – 2013-03-25 18:24:19

这是因为你有<br>的在你的<div id="myform">之后。

来源

2013-03-25 18:24:36

我不知道为什么你把所有的休息标签，但是这是你的语法需要像什么：

<div id="header"> 

</div> 

<div id="container"> 
    <div class="ex"> 

    </div> 
    <div class="myform"> 

    </div> 
    <div class="clear"></div> 
</div>

你的头将保持同样的方式。你的容器需要包装两个盒子。通常这是中心，这个CSS页面上的对齐：

.container { width:980px; margin: 0 auto; }

你.EX类将保持不变（浮动：左）和你的.myform类也将保持不变（浮动：左）。

的.clear类需要帮助的浏览器计算出最终的显示高度关心和平时的样子：

.clear { clear: both; height: 1px; }

来源

2013-03-25 18:25:05

首先，有一个在您的编码一些错误。像

<div id='header'></a href='http://www.shoportrade.org/'><img src='mylogo1.png'></img></a>

应该

<div id='header'><a href='http://www.shoportrade.org/'><img src='mylogo1.png' /></a></div>

我相信你在<style>声明类myForm的，但我在你的代码看到你想实现这个<div id="myform">，这是完全错误的。它应该是<div class="myform">。如果你真的想为div实现不同的风格，那么我认为你应该使用不同的id名称，如<div id='boxstyle'></div>

来源

2013-03-25 18:43:34

这是一个不使用浮动的方法。两个盒子的高度将根据容器高度而变化。

如果您希望盒子的高度不同，请更改它们的“底部”值。

http://jsfiddle.net/Calum/m783T/

CSS

#container { 
    height: 500px; 
    width: 800px; 
    position: relative; 
    background-color: green; 
} 

#box, #box2 { 
    position: absolute; 
    top: 50px; 
    width: 200px; 
} 

#box { 
    background-color: blue; 
    left: 50px; 
    bottom: 50px; 
} 

#box2 { 
    background-color: red; 
    right: 50px; 
    bottom: 50px; 
}

HTML

<div id="container"> 
    <div id="box"> 
     <p>This is box 1</p> 
    </div> 
    <div id="box2"> 
     <p>This is box 2</p> 
    </div> 
</div>

来源

2013-03-25 19:26:35 C9HDN

遇到我的网站有问题？对齐两个div有问题

回答

相关问题