如何在右侧底部对齐Div？

嗨，我正在开发MVC4应用程序。我有一个主要的div里面，我有三个div标签。前两个div标签按照我的要求正确显示。不过，我的第三个div标签出现在右中部。我想要在左下方。我尝试了所有的方法。如何在右侧底部对齐Div？

<div id="dialog" class="doc-verification-outer"> 
    <div id="data" style="width:70%;height:inherit;float:left" class="doc-verification"></div> 
    <div id="details" width="30%" style="float:right;height:50%; width:30%"></div> 
    <div id="dialog-form" title="Reject Reason"> 
     <div style="height:200px;"> 
      <input type="hidden" value="_upload_id" id="id" /> 
      <br /> 
      <label for="name">Select your reason</label> 
      <select id="comments"> 
       <option value="1">Incorrect Document</option> 
       <option value="2">document is not clear</option> 
       <option value="3">document is not valid</option> 
       <option value="4">other document</option> 
      </select> 
      <input type="button" id="reject" class="btn btn-primary btn-cons blue" value="Ok" onclick="reject();" tabindex="-1" style="float:right;"> 
     </div> 
    </div> 
</div>

有人可以提供一些见解吗？非常感谢您......

来源

2016-10-10 Niranjan Godbole

给出明确的：既CSS样式属性第三格。 @Niranjan Godbole – Dhaarani

明显地解释你想要左下角或右下角 –

右下角。清除：两个工作正常，但它完全左下。我想立即在下面的细节div –

你可以试试这个：

<div id="dialog" class="doc-verification-outer"> 
 
    <div id="data" style="width:70%;height:inherit;float:left" class="doc-verification"></div> 
 
    <div id="details" width="30%" style="float:right;height:50%; width:30%"></div> 
 
    <div id="dialog-form" title="Reject Reason"> 
 
     <div> 
 
      <input type="hidden" value="_upload_id" id="id" /> 
 
      <br /> 
 
      <label for="name">Select your reason</label> 
 
      <select id="comments"> 
 
       <option value="1">Incorrect Document</option> 
 
       <option value="2">document is not clear</option> 
 
       <option value="3">document is not valid</option> 
 
       <option value="4">other document</option> 
 
      </select> 
 
      
 
     </div> 
 
     <div style="margin-top:5px;"><input type="button" id="reject" class="btn btn-primary btn-cons blue" value="Ok" onclick="reject();" tabindex="-1" style="margin-left:122px;"></div> 
 
    </div> 
 
</div>

来源

2016-10-10 04:32:38

我觉得你还需要第三个DIV分成两个部分，以便正确的部分应该调整你的第二个div 试试这个：

<div id="dialog" class="doc-verification-outer"> 
    <div id="data" style="width:70%;height:inherit;float:left" class="doc-verification">First DIV</div> 
    <div id="details" width="30%" style="float:right;height:50%; width:30%">Second div</div> 
    <div style="clear:both"></div> 
    <div id="dialog-form" title="Reject Reason"> 
     <div style="height:200px;"> 
      <div style="width:70%;display:inline-block"> 
      <input type="hidden" value="_upload_id" id="id" /> 
      <br /> 
      <label for="name">Select your reason</label> 
      <select id="comments"> 
      <option value="1">Incorrect Document</option> 
      <option value="2">document is not clear</option> 
      <option value="3">document is not valid</option> 
      <option value="4">other document</option> 
     </select> 
      </div> 
      <div style="width:29%;display:inline-block"> 
       <input type="button" id="reject" class="btn btn-primary btn-cons blue" value="Ok" onclick="reject();" tabindex="-1" style="float:left;"> 
      </div> 
     </div> 
    </div> 
</div>

来源

2016-10-10 04:43:04

感谢您的消息。是的，但下拉到达左下方，并确定按钮在右下方。我想在右下方显示。 –

如何在右侧底部对齐Div？

回答

相关问题