説明不足で大変申し訳ないです。
私は今このようなページを作ろうと思っているのですが(目標)
html
1body内 2 3 4 <div class="article"> 5 <div class="a1"> 6 </div> 7 <div class="a2"> 8 </div> 9 <div class="a3"> 10 </div> 11 <div class="a4"> 12 </div> 13 <div class="a5"> 14 </div> 15 </div>
css
1 .article { 2 height: 100%; 3 width: 95%; 4} 5.a1 { 6 background-color: #000; 7 margin: 10px; 8 width: 300px; 9 height: 300px; 10 float: left; 11} 12.a2 { 13 background-color: #000; 14 margin: 10px; 15 width: 300px; 16 height: 300px; 17 float: left; 18} 19.a3 { 20 background-color: #000; 21 margin: 10px; 22 width: 300px; 23 height: 300px; 24 float: left; 25} 26.a4 { 27 background-color: #000; 28 margin: 10px; 29 width: 300px; 30 height: 300px; 31 float: left; 32} 33.a5 { 34 background-color: #000; 35 margin: 10px; 36 width: 300px; 37 height: 300px; 38 float: left; 39} 40
簡単なので、ここまでは自分で出来るのですが、ここから、どうすれば良いか分からないです。どなたか、助言等くれないでしょうか?
現在の改善点(見落としがあるかも)
1、ウィンドウ幅を変えて箱が下に回り込んだときに残りの箱でその隙間を埋める(目標のページでウィンドウ幅を変えて頂ければ わかると思います)
2、箱にフォーカスした時の挙動※画像の収縮は不要(目標のページでウィンドウ幅を変えて頂ければ わかると思います)
特に改善点1を重点的に改善したいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。