html – 在div的右边垂直对齐两个div

概述我正在尝试按此顺序排列我的网页： 包含两个部分的div,在具有父高度的部分的左侧正确对齐. 这是我想要做的快速图： #main { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: bo 我正在尝试按此顺序排列我的网页：
包含两个部分的div,在具有父高度的部分的左侧正确对齐.

这是我想要做的快速图：

#main {    margin: 0;    padding: 0;    border: 0;    Font-size: 100%;    Font: inherit;    vertical-align: baseline;    Box-sizing: border-Box;    display: block;}#three {    margin:0;    padding:0;    float:right;}<div ID="main">  <section ID="one">    <p>first section</p>  </section>  <section ID="two">    <p>second section</p>  </section>  <section ID="three">    <img>  </section></div>

我应该为每个部分提供哪些CSS属性？

解决方法 如果这是你从头开始构建的另一个选项,那就是使用像 zurb foundation这样的框架

这将为您提供快速,轻松地构建此类事物的工具,而且不仅仅是那些其他“复杂”的东西.我在这里建立了所有网站附近,它消除了大约75％的时间和精力.然后,您可以规定手机和平板电脑尺寸等情况.

像这样的东西看起来像….

<div >    <div >        <div ID="one" >            Your content        </div>        <div ID="two" >            Your content        </div>    </div>    <div ID="three" >        Your content    </div></div>

@H_301_34@ 总结

以上是内存溢出为你收集整理的html – 在div的右边垂直对齐两个div全部内容，希望文章能够帮你解决html – 在div的右边垂直对齐两个div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。