0

例のテキストのすぐ後ろに日付を配置するのに問題があります

<div class="content">
<div class="header">
    <div class="text">asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this --> </div>
    <div class="date">12/12/12</div>
</div>
<div class="tt">asdf asd fdsa fdsa sad fdsas  fa fa f fda fda</div>

</p> 

.content {
 display: block
}

.header, .tt {
 float: left;
}

 .header { 
 width: 100%;            
 }

.text {
 background: red;     
}

.date {
   background: blue;            
 }

例を見てください：

http://jsfiddle.net/HpC9p/5/

行数に関係なく、テキストの直後に青い日付を付けたくない

4

2 に答える 2

2

「date」div を「text」クラス内に移動し、フローティングを削除して「display: inline」に設定してみませんか? それはとても簡単です！

これはあなたが持っているものです：

<div class="text">
    asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this -->
    <div class="date">12/12/12</div>
</div>

CSS の場合:

.date {
   background: blue;
   display: inline;
}
于 2012-08-01T12:15:02.167 に答える
0

は の右ではなく の右に表示float: left;されるため、間違った要素に を設定しています。.date.text.header

したがって、日付のための余地を残すために、指定された幅も.text必要です。float: left;

参照: http://jsfiddle.net/HpC9p/8/

于 2012-08-01T12:20:21.767 に答える