Question

我有一个带有此标记的div：

$(function() {
        var date = new Date();
    date.setMonth(date.getMonth() - 1, 1);
    $('#datepicker').datepicker({defaultDate: date});
  });

看起来像：

Before

我需要在div的右端添加一个“添加/编辑”链接，使其看起来像：

After

尝试使用链接添加段落标记到现有标记，但它会推送下面的新内容。

我是CSS的新手，所以非常感谢任何帮助。

提前致谢。

问候。

Answer 1

T21547856 = CS2541
T54785000 = CS5475

Bootstrap Quick floats

我认为你正在使用Bootstrap因为你正在使用的类。

Answer 2

试试这个：

<div id="container">
<div style="width:80%;float:left">
    Basic Information
</div>
<div style="width:20%;float:right">
    Add/Edit Rule
</div>    
</div>

Answer 3

<div class="col-sm-12">
<p class="bg-info pull-left">Basic Information</p>
<a class="pull-right">Add/Edit</a>
<div class="clearfix"></div>
</div>

Answer 4

<html>
  <head>
    <style>
      .bg-info {display: inline; float: left;}
      .bg-info2 {display: inline; float: right; color: red;}
    </style>
  </head>
  <body>
    <div class="col-sm-12">
                <p class="bg-info" style="float:left">Basic Information</p><p style="float:right" class="bg-info2">Basic Information</p>
    </div>
  </body>
<html>

Div中的基本链接放置

4 个答案: