css – div内的左/右浮动按钮

前端之家收集整理的这篇文章主要介绍了css – div内的左/右浮动按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我怎样才能使按钮浮动只在div区域?

这是我的示例css和html ..

HTML

<div class='test'>
  <div style='float: left;'>
    <button>test</button>
  </div>
  <div style='float: right;'>
    <button>test</button>
  </div>
</div>

CSS

.test {
  width:60%;
  display:inline;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
}

或者你可以在这里看到实时样本 – > http://jsfiddle.net/ELAVS/

我希望它像这样..

解决方法

更改显示:内联显示:内联块
.test {
  width:200px;
  display:inline-block;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
  border:1px red solid;
}
原文链接:https://www.f2er.com/css/215170.html

猜你在找的CSS相关文章