登录 | 注册 | FAQ
Anonymous

Como fazer faixas que ocupem 100% da largura da tela

+ 发表回复

3 篇帖子 分页: 1 / 1


Como fazer faixas que ocupem 100% da largura da tela

felipelink07 » 周二 5月 07, 2013 2:52 pm

Bom dia...tenho estudante html css e não consigo achar solução de como fazer o efeito de faixas que ocupem 100% da largura da tela igual como esta nesses sites que eu achei:

http://www.jankoatwarpspeed.com/
http://yosoygil.com/

Eu não sei se isso é feito com z-index ou com jquery. Gostaria de uma dica ou nome de alguma função que leve a esse efeito....e resto eu me viro.

desde já eu agradeço
头像

felipelink07

  • 帖子: 1
  • 注册: 周二 5月 07, 2013 2:37 pm

Re: Como fazer faixas que ocupem 100% da largura da tela

aerolipe » 周三 5月 08, 2013 11:40 am

ja tentou width:100%?
头像

aerolipe

  • 帖子: 1
  • 注册: 周三 5月 08, 2013 11:24 am

Re: Como fazer faixas que ocupem 100% da largura da tela

ViniciusDesign » 周三 10月 02, 2013 2:24 pm

usa width:100%;
Assim:

vamos supor que voce queira criar 2 div's, assim ficará:

#div1{
width:100%; /* DEFINE UMA LARGURA DE QUE OCUPARÁ 100% DA PÁGINA */
height:300px; /* DEFINE A ALTURA QUE OCUPARÁ 300 PIXELS DA PÁGINA */
background-color:#CD853F; /* DEFINE UMA COR DE FUNDO */
display:table; /* FAZ COM QUE A BOX AUMENTE DE ACORDO COM O CONTEÚDO */
}

#div2{
width:100%; /* DEFINE UMA LARGURA DE QUE OCUPARÁ 100% DA PÁGINA */
height:300px; /* DEFINE A ALTURA QUE OCUPARÁ 300 PIXELS DA PÁGINA */
background-color:#DEB887; /* DEFINE UMA COR DE FUNDO */
display:table; /* FAZ COM QUE A BOX AUMENTE DE ACORDO COM O CONTEÚDO */
}

Espero que eu tenha te ajudado, qualquer dúvida só perguntar :)
头像

ViniciusDesign

  • 帖子: 10
  • 注册: 周日 8月 04, 2013 1:50 am


+ 发表回复

分页: 1 / 1