Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.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
屏幕宽度改变时元素的CSS排列顺序';s属性_Css - Fatal编程技术网

屏幕宽度改变时元素的CSS排列顺序';s属性

屏幕宽度改变时元素的CSS排列顺序';s属性,css,Css,我将页面设置为不同列宽的行。例如: <div class="row"> <div class="span6">Left side</div><!-- 50% width --> <div class="span6">Right side</div><!-- 50% width --> </div> 首先放置右侧div并使其向右浮动: <div class="row"> <

我将页面设置为不同列宽的行。例如:

<div class="row">
  <div class="span6">Left side</div><!-- 50% width -->
  <div class="span6">Right side</div><!-- 50% width -->
</div>

首先放置右侧div并使其向右浮动:

<div class="row">
  <div class="span6" style="float: right;">Right side</div>
  <div class="span6">Left side</div>
</div>

右侧
左侧
这应该行得通。可能必须对CSS进行一些其他更改。为了简单起见,我将一个CSS声明内联。您可能希望将其移动到CSS文件中

<div class="row">
  <div class="span6" style="float: right;">Right side</div>
  <div class="span6">Left side</div>
</div>