1

これは、ul またはフローティング div を使用した 4 つの画像 (幅 = 160 ピクセル) の流動的なデザインです。ウィンドウのサイズを変更すると、すべてがうまくいきます。それは流動的です。

しかし、絶対位置に渡すと、最初は160pxが見つかりません

コード：

本体 { 位置:相対;} .コンテナ { /位置:絶対; 左：0; 上:0; / /* 違いを確認するには、このコメントを削除してください */ margin: 0; パディング:0; 境界線: 黒の 1 ピクセルの実線; 最大幅:690px; オーバーフロー: 非表示/フローティング チャイルドをクリア/;} .galleryItem { float: left; 幅: 23%; マージン:0 1%; padding:1% 0;} .galleryItem img { max-width: 100%;} ul { list-style:none;} ul.thumbs
{ / position:absolute; 左：0; 上:100px; / /* 違いを確認するには、このコメントを削除してください */ display:block; マージン: 0; パディング:0; 境界線: 黒の 1 ピクセルの実線; 最大幅:690px; オーバーフロー: 非表示/クリア フロート チャイルド/;} ul.thumbs>li{ 表示:ブロック; フロート:左; 幅: 23%; マージン:0 1%; padding:1% 0;} ul.thumbs>li img{ 表示:ブロック; 最大幅:100%;}

4

1 に答える 1

0

リキッドデザインは%とpxを混ぜてはいけないと思います。そして、私が持っている知識では、位置が絶対的な場合、何かが固定されているため、液体はないと言えます。液体の設計をより良くしたい場合は、％で配置します。レスポンシブ デザイン用のブートストラップ CSS も使用できます。

于 2013-05-22T07:35:35.753 に答える