Question

我有一个容器div，其中包含属性width: auto;。此容器具有子元素，其属性为float: left;。正常的行为是连续对齐所有元素，直到一个元素溢出容器div。在这种情况下，该子元素将放在其他子元素下。我试图强制子元素扩展容器div，即使它溢出。我希望所有的子元素都对齐。

我怎么能实现这个目标？

Answer 1

由于浮动元素不会增加父宽度，因此您可能需要将它们display: inline-block设置为white-space: nowrap，然后您可以将display: inline-block添加到父级。如果您需要为父级使用非透明背景，.container { background-color: yellow; white-space: nowrap; font-size: 0; margin: 5px 0; } .second.container { display: inline-block; } .container > div { display: inline-block; width: 200px; height: 50px; background-color: firebrick; margin: 10px; }也很有用。

＆＃13;

<div class="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>
<div class="second container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

＆＃13;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_search, container, false);


    mRecyclerView = getView().findViewById(R.id.recycler_view); // <<<<<
    mRecyclerView.setHasFixedSize(true);
    mRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));


This is another part inside a method with same problem :

mExampleAdapter = new SearchItemAdapter(SearchFragment.this, mExampleList); //<<<<

＆＃13;

CSS宽度自动并向左浮动 - 允许溢出

1 个答案: