代码之家 › 专栏 › 技术社区 › GhostRider

float属性是否会影响复选框的功能?

z-index checkbox ruby-on-rails css html

GhostRider · 技术社区 · 11 年前

float属性是否会影响复选框的功能?

我有以下Rails表单

<%= simple_form_for @user do |f| %>
<ul class="publications">
  <% @citations.each do |publication| %>
      <li>
        <div class = "PublicationCheckbox"><%= check_box_tag "publications[]", publication[:id] %></div>
        <div class = "PublicationString">
             <b><%= publication[:title] %></b>
             <%= publication[:authors] %>.
             <i><%= publication[:journal] %></i>,
             <%= publication[:year] %>,
             <%= publication[:volume] %>:
             <%= publication[:pages] %>
        </div>
      </li>
  <% end %>
  <div class="actions">
    <%= f.submit "Add to profile" %>
  </div>

<%= link_to 'Show', @user %> |
<%= link_to 'Back', users_path %>

</ul>
<% end %>>

这是CSS

.publications {
    list-style: none;
    padding: 0;

    li {
        padding: 15px 0;
        border-top: 1px solid #e8e8e8;
        float: left;
       }

    .PublicationCheckbox{
        float: left;
       }

    .PublicationString {
        padding: 0px !important;
        padding-bottom: 10px !important;
        margin-left: 20px !important;
        float: left;
      }

      }

如上所述,复选框不会选中。如果我从复选框中删除float属性,它们就会起作用。