css-float

0熱

1答えて

私は、ユーザーが対話するためのポップアップボックスを持つプロジェクトに取り組んでいます。私はポップアップボックスの中に互いに2ブロック分のコンテンツを配置しようとしています。私は答えを探していましたが、一般的な解決策のどれもここでは働いていないようです。私はfloat：left、display：inline-blockなどを試しました。唯一のことは、正確な幅と高さを設定し、2番目のコンテナにマー

0熱

2答えて

CSSは可変コンテンツとウィンドウの幅を持つfloatを残しました

私は可変ウィンドウサイズと3つのフローティングブロックを持つヘッダーを持っています。最初は固定幅の右に浮動し、2番目は固定幅の左浮動です。最後の（varleft）は可変長の内容で左に浮動しています。私はそれがその幅に成長しながら、他のブロックの下に行くから、この第3のブロックを防ぎたい <div id="header"> <div id="right">test</div>

0熱

4答えて

CSSのページの右側にdivを保持する方法

私はウェブサイトを構築していますが、div要素をページの右側に貼り付けようとしています。しかし、ブログの投稿データ/画像を含む他のdivが次のページにスクロールすると、divが入力されます。ブログの投稿をスクロールさせながら右側の列が入力されないようにするにはどうすればよいですか？これは私のコードですが、どういう意味ですか。これが初心者の質問であればごめんなさい（本当にそうです）。私が得るこ

0熱

2答えて

フローティング画像ギャラリーを中央に揃える方法

.containerのコンテンツを中央に揃えたいと思います。私はギャラリーを作成するためにfloat：leftプロパティを使用しています。また、サムネイルのサイズを変更してトリミングするコードの一部です。これを行う方法はありますか？ CSS： .grid-item { float: left; width: 175px; height: 120px; o

0熱

1答えて

自動高さ除去フロート

私は、コンテンツが内部にあるときに高さを自動的に決定する「セクション」を作成しましたが、同じ行に複数の列を持ちたいと考えています。セクションの自動高さを取り除くために、フロート要素を使用せずに列を同じ行に設定するにはどうすればよいですか？ .section { width:100%; padding-top: 60px; padding-right: 0

0熱

1答えて

デスクトップユーザー向けの表示を変更せずに、モバイルユーザーのために要素を重ね合わせる方法を教えてください

スクリーンショットからわかるように、画像とタイトル、価格、オプション、カートに追加ボタンがあります、カウントダウンタイマーと説明が右側に表示されます。私はこれに満足していますが、これをモバイルブラウザで見ると、あまりにも魅力的ではありません。 CSS/HTMLを変更して、画像の横にある要素のそれぞれが画像の下に重ねて表示されるようにするにはどうすればよいですか？デスクトップビュー： Deskto

0熱

1答えて

フロートでアンカーサイズが増加する

画像サイズは42 * 42に固定されています。しかし、inspect要素のアンカータグにカーソルを合わせると、サイズは42 * 46として表示されます。アンカータグのサイズが大きくなるのはなぜですか？私はフロートを使用しているからですか？ <a href="https://www.w3schools.com" style="float:left"><img src="https://www.

0熱

1答えて

多くのdivをCSSの家系図で並べて表示するには？

私は、家系図の同じ程度に各支店から1人だけを見せたいと思います。 CSSの知識はあまり良くありません。 float:leftまたはdisplay: inline-blockを使用していますが、ツリーは下に表示されます。私のミスはどこですか？ Fiddle Demo * { margin: 0; padding: 0; box-sizing: border-

1熱

2答えて

...それは注文の反転せずに順番

まあ、私は、メニューの最後の3つのオプションの順序を変更しようとしているが逆転せずに右へメニューの3最後の子を揃え ul { width: 100%; } ul li { display: inline-block; list-style-type: none; } ul li:nth-last-child(-n+3)

0熱

2答えて

浮動小数点数の後ろにスペースがあるのですが、どうすれば削除できますか？

私はfloat: right;を使いたかったのですが、divの後ろに空白があり、divがmargin-bottomのように見えましたが、実際にはありませんでした。なぜですか？ float: right;で作成されたスペースを削除するにはどうすればよいですか？ .container { background-color: #bbbbbb; width: 70%;