Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/mongodb/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 当旁边的DIV大小发生变化时,将DIV保持在原位_Php_Ajax_Html - Fatal编程技术网

Php 当旁边的DIV大小发生变化时,将DIV保持在原位

Php 当旁边的DIV大小发生变化时,将DIV保持在原位,php,ajax,html,Php,Ajax,Html,我有一个通过AJAX填充的div,当它改变大小时,它旁边的div向下移动,它旁边的div的底边也向下移动。我怎样才能让右边的div保持原位 <div class="body"> <div class="slection"> <div class="selector"> <select name="users" onchange="showUser(this.value)">

我有一个通过AJAX填充的div,当它改变大小时,它旁边的div向下移动,它旁边的div的底边也向下移动。我怎样才能让右边的div保持原位

<div class="body">
        <div class="slection">
            <div class="selector">
                <select name="users" onchange="showUser(this.value)">
                <option value="Select day...">Select day...</option>
                <?php
                $pathToMe = dirname(__FILE__);
                $path = $pathToMe . "/days/";
                $handle=opendir($path);
                    while ($file=readdir($handle))
                    {
                        if (($file == ".") || ($file == "..")){
                    }
                        else echo "\t<option value='".$file."'>".$file."</option>\n";
                    }
                ?>
                </select> 
          </div>
          <div id="content"></div>
          </div>
          <div class="sms">
            <div style="text-align:center">
                Send SMS to client
            </div>
        <div style="text-align:center">
                <div id="contact_form">  
                    <form name="contact" action="">  
                      <fieldset>  
                        <input type="text" name="number" id="number" size="14" value="Number" class="text-input" />  
                      <br /><br />
                        <textarea type="text" name="message" id="message" value="Message" class="text-input"></textarea>  


                        <br />  
                        <input type="submit" name="submit" class="button" id="submit_btn" value="Send" />  
                      </fieldset>  
                    </form>  
</div>  
</div>
      </div>
      </div>
现场示例。

添加

pre{
width:200px;
float:left;
}
到你的CSS


当前,
pre
占据整个区域的宽度。将其定义为200px宽仍然不会使其他元素达到与is not
display:inline相同的级别
,这就是为什么您还需要
浮点值。

工作得非常好!非常感谢。我得等10分钟才能接受你的回答。这到底是为什么?
pre{
width:200px;
float:left;
}