CSS'te kutunun width ile kalan tüm alanları kapsamasını nasıl sağlarız?

2

249873

Kilopat
Katılım
17 Şubat 2019
Mesajlar
5.050
Çözümler
20
Merhaba herkese...

https://codepen.io/dogukanhanifi/pen/abEvmjv

Burada sol kısımı ilk 300px olarak belirledim sag kısma kalan tüm alanı kapsa gibi bir kod yazabiliyor muyuz? Buttona basınca sol kısım 150px olacak. Sağ kısım ise yine kalan tüm alanı kapsamasını nasıl sağlayabilirim?

Çözdüm: Cevap linkte ilgilenen olursa..
 
Son düzenleme:
Rosalind dedi:
Görünen o ki konu açmak için biraz aceleci davranmışsın :)

Flexbox da kullanabilirsin.
Genişletmek için tıkla...

Yeni soru geliyor o zaman :D şimdi sol kısımın içine position: Fixed olarak. Container yazdım. Width ve height 100% yapınca sol class'ının içinde olması gerekirken tüm ekranı kaplıyor. Absolute gibi sadece sol kısımda fixed nasıl yapabilirim?
 
249873 dedi:
Yeni soru geliyor o zaman :D şimdi sol kısımın içine position: Fixed olarak. Container yazdım. Width ve height 100% yapınca sol class'ının içinde olması gerekirken tüm ekranı kaplıyor. Absolute gibi sadece sol kısımda fixed nasıl yapabilirim?
Genişletmek için tıkla...
Kodun şu anki halini paylaşır mısın?
 
Rosalind dedi:
Kodun şu anki halini paylaşır mısın?
Genişletmek için tıkla...

https://codepen.io/dogukanhanifi/pen/abEvmjv şu an da tüm ekran mavi fixed olduğu için onu absoulte ile değiştirince. Farkı anlayacaksınız.
1647435391622.png


Absolute Olarak böyle görünüyor. Ben fixed olarak da böyle görünmesini istiyorum yani. Olmuyorsa zorlamayın direk px değeri verebilirim.
 
Son düzenleme:

Benzer konular

Y
  • Çözüldü
Çözüldü  CSS'te yazı sağ üste nasıl konumlandırılır?
4 5 6
Mesaj
59
Görüntüleme
2.116
yazilimologgg31
Y
RedStoneX
CSS'te "..." dışında diğer her şey nasıl seçilir?
Mesaj
1
Görüntüleme
308
Weeping Angel
Weeping Angel
R
  • Soru
CSS'te Flex yapısı yapısı nasıldır?
Mesaj
1
Görüntüleme
377
nyksgod
N
Lotototo
CSS'te margin ve padding nasıl kullanılır ?
Mesaj
0
Görüntüleme
272
Lotototo
Lotototo
6
  • Soru
CSS'te alt klasördeki resimler nasıl bulunur?
2
Mesaj
10
Görüntüleme
696
TheAny
TheAny

Bu konuyu görüntüleyen kullanıcılar

Toplam: 2 (üye: 0, misafir: 2)

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı