2

絶対位置のdiv内でテキストを折り返すのに問題があります。問題は、divのサイズがページに合わせて変更されるため、幅を100％に設定していることだと思います。テキストを折り返すにはどうすればよいですか。

これが私のコードです：

#content {
  background: black;
  min-height: 60px;
  background: #0a0a0a;
  position: relative;
  padding: 0;
  overflow: hidden;
}

#content .entry {
  background: white;
  position: absolute;
  text-wrap: normal;
  top: 0;
  left: 200px;
  padding: 10px;
  width: 100%;
  height: 100%;
  min-height: 50px;
  border-left: 1px solid #262626;
}
<div id="content">
  <div class="entry">
    <-----text---->
  </div>
</div>

4

1 に答える 1

3

問題は、.entry要素で幅100％と左400pxを宣言することです。合計幅は100％+ 400pxになり、.entry要素はそのコンテナよりも広くなります。テキストは折り返されますが、右端の400pxは表示されません。

問題は、同じ要素に幅とパディング/マージン/左/右などを定義できないことです。それを行うには、ネストされた構造が必要です。したがって、content> entry html構造にdivを追加し、最初の構造に幅を定義し、2番目の構造にパディングを定義します。

于 2012-05-20T19:32:34.817 に答える