css嵌套divs垂直对齐_Css_Browser_Html_Margin_Vertical Alignment

css嵌套divs垂直对齐

css browser html

css嵌套divs垂直对齐,css,browser,html,margin,vertical-alignment,Css,Browser,Html,Margin,Vertical Alignment,在下面的示例中，我试图找出垂直间隔“按钮”-ID的最通用方法。不幸的是，这也必须在ie7中正确显示 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="t

在下面的示例中，我试图找出垂直间隔“按钮”-ID的最通用方法。不幸的是，这也必须在ie7中正确显示

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
    <title>Box Model</title>
    <style type="text/css">
    body * {margin:0;padding:0;}

    .main {width:600px;height:200px;border:solid red 2px;}

    .myLblAndVal { float:left;width:350px; }

    #myLabels {
    float:left;
    width: 150px;
    text-align:right;
    }

    #myValues {
    float:right;
    width: 150px;
    display:inline;
    }

    #myButton {
    float:right;
    width: 200px;
    margin-top:10px; /* Do I have to use an absolute value? */
    }
    </style>
    </head>

    <body>
    <h1>Vertical Spacing</h1>

    <div class="main">
    <div class="myLblAndVal">
    <div id="myLabels">
      <p>111 Labels... Haec disserens qua de re agatur
      et in quo causa consistat non videt...</p>
    </div>
    <div id="myValues">
      <p>222 Values... causas naturales et antecedentes, 
      idciro etiam nostrarum voluntatum...</p>
    </div>
    </div>

    <div id="myButton">
      <p>333 Button... nam nihil esset in nostra 
      potestate si res ita se haberet...</p>
    </div>
    </div>
    </body> </html>


盒子模型
正文*{margin:0；padding:0；}
.main{宽度：600px；高度：200px；边框：纯红2px；}
.myLblAndVal{float:左；宽度：350px；}
#myLabels{
浮动：左；
宽度：150px；
文本对齐：右对齐；
}
#我的价值观{
浮动：对；
宽度：150px；
显示：内联；
}
#我的按钮{
浮动：对；
宽度：200px；
页边距上限：10px；/*我必须使用绝对值吗*/
}
垂直间距
111标签。。。阿加图尔广场酒店
因为你是一个无足轻重的人
222个值。。。自然原因和前因，
我是自愿的
333按钮。。。诺斯特拉的nam nihil esset
这是哈贝雷特郡的一个酒庄

我必须使用绝对值吗

谢谢你的指点

draptik

那么您希望右栏中的按钮在容器div中垂直居中吗？@DJohnson是的，我希望右栏中的按钮垂直居中。