您的位置:首页 > DIV CSS实例 > 【 返回上一页

div右浮动 div靠右

div右浮动

对象右浮动一般也叫CSS靠右布局,对象靠右。使用css float实现

使用css样式为float:right

本身div未设置浮动时,默认宽度为100%,如果设置float后,默认宽度将变为自适应随内容增加而增宽。

DIV右浮动CSS代码:

1、div标签直用css

  1. <div style=”float:right”>我这个DIV被设置靠右了</div> 

2、外部CSS设置div右浮动
CSS代码

  1. .exp{ float:right; border:1px solid #090} 

html代码

  1. <div>我在DIV内但没设置浮动</div> 
  2. <div class="exp"> 
  3. 我在div内设置靠右浮动 
  4. </div> 

div盒子靠右效果截图

div被设置靠右实例
div被设置靠右实例

说明:为了看见div被设置浮动样式,所以对div设置绿色边框

相关标签: div 浮动
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/shili/1114.shtml

日期:2016-11-17 14:36:04 来源:www.thinkcss.com 作者:div css
上一篇:设置div边框
下一篇:float:left设置实例

热门点击