2

だから私は2つの要素を隣り合わせに浮かべており、1つは幅が設定されていて、もう1つはウィンドウ/ブラウザのサイズが変更されたときにコンテンツが流れるようにパーセンテージにする必要があります。ただし、ウィンドウサイズが特定の比率よりも小さい場合、コンテンツを隣同士に浮かせておくのに問題があります。

ここに私のcssコードがあります:

.box {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    background-color: blue;
}

p {
    width: 95%;
    float: left;
    margin: 0;
    padding: 0;
}

これを回避する方法はありますか？ここに私のフィドルがあるので、何が起こっているのかを見ることができます。 私の例

サイズを小さくすると、P タグがボックスの下に表示されます。

4

2 に答える 2

0

ボックスが固定幅の場合、次のスタイルを使用できます。

.item {
    padding-left: 60px;
}

.box {
    width: 50px;
    height: 50px;
    float: left;
    margin-left: -60px;
    background-color: blue;
}

p {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

http://jsfiddle.net/3QhzS/1/

それ以外の場合は、その場でスタイルを追加するために jquery を少し追加する必要があります。

http://jsfiddle.net/3QhzS/6/

于 2013-03-12T16:49:03.163 に答える
0

div.box（コメントで述べたように）の幅がわからない場合は、トリックposition:relativeをp行うタグを使用できます。

p{ 
  position:relative;
  /* anchoring top, left and right sides */
  top:0px;
  right:0px;
  left:0px; 
  margin:0; 
  padding:0; 
}

働くフィドル

作業用フィドル(2 つの div を使用)

于 2013-03-12T16:48:00.387 に答える