Perguntas com a marcação «css»

Eu tenho um flexbox esquerdo-direito: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> Executar snippet de códigoHide resultsExpandir snippet O problema é que a criança certa não está se comportando de maneira responsiva. Para ser …

141 css  flexbox 

Aqui estão algumas perguntas interessantes sobre CSS para você! Eu tenho uma área de texto com um plano de fundo transparente sobrepondo algum texto que eu gostaria de usar como uma espécie de marca d'água. O texto é grande e ocupa a maior parte da área de texto. Parece bom, …

140 css 

Existe algum motivo para usar um em <div style="display:inline-block">vez de um <span>para fazer o layout de uma página da web? Posso colocar o conteúdo aninhado dentro do intervalo? O que é válido e o que não é? Tudo bem usar isso para criar uma tabela 3x2 como layout? <div> <span> …

140 css  html 

Eu tenho uma situação em que, em circunstâncias normais de CSS, uma div fixa seria posicionada exatamente onde é especificada ( top:0px, left:0px). Isso não parece ser respeitado se eu tiver um pai que tenha uma conversão translate3d. Não estou vendo alguma coisa? Eu tentei outras opções de transformação e …

140 html  css  css-position  css-transforms 

Digamos que eu queira uma maneira de exibir apenas o centro de 50x50px de uma imagem com 250x250px em HTML. Como eu posso fazer isso. Além disso, existe uma maneira de fazer isso para referências css: url ()? Estou ciente do clipe em CSS, mas isso parece funcionar apenas quando …

140 html  css  image 

Quero criar páginas comuns de cabeçalho e rodapé incluídas em várias páginas html. Eu gostaria de usar javascript. Existe uma maneira de fazer isso usando apenas html e JavaScript? Quero carregar uma página de cabeçalho e rodapé em outra página html.

140 javascript  jquery  html  css 

Eu estou tentando usar variáveis ​​CSS na consulta de mídia e ele não funciona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css  media-queries  css-variables 

Por que não temos box-sizing: margin-box;? Normalmente, quando colocamos box-sizing: border-box;em nossas folhas de estilo, realmente queremos dizer o primeiro. Exemplo: Digamos que eu tenha um layout de página de 2 colunas. Ambas as colunas têm uma largura de 50%, mas parecem feias porque não há sarjeta (lacuna no meio); …

139 css  layout  position  w3c 

Ao anexar divs a a divcom uma altura fixa, os divs filhos aparecerão de cima para baixo, colando na borda superior. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Agora estou tentando exibi-los de baixo para cima assim (colando na …

139 html  css  scrollbar  vertical-alignment  alignment 

Eu tenho 2 formulários básicos - entre e inscreva-se, ambos na mesma página. Agora, não tenho problemas com o preenchimento automático do formulário de login,mas o formulário de inscrição também é preenchido automaticamente, e eu não gosto disso. Além disso, os estilos de formulário têm um fundo amarelo que não …

139 html  css  input  autofill 

Quero adicionar um estilo ao rótulo selecionado de um botão de opção: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } Alguma idéia …

139 html  css 

Posso definir um nome de classe no parágrafo usando o Markdown? Se sim, como?

139 css  markdown 

Estou tentando entender o que parece ser um comportamento inesperado para mim: Eu tenho um elemento com uma altura máxima de 100% dentro de um contêiner que também usa uma altura máxima, mas, inesperadamente, o filho excede o pai: Caso de teste: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: …

139 css 

Eu tentei este método ( o violino ) para ativar o menu rolável com o Bootstrap, mas com essa abordagem, o menu rolável expande seu contêiner - violino - o menu não rolável, corretamente, não faz isso. Como posso consertar isso? Também são apreciadas sugestões de outras abordagens compatíveis com …

138 css  twitter-bootstrap  scrollable 

Existem muitos artigos e perguntas sobre fontes de tamanho percentual ou outro tamanho . No entanto, não consigo descobrir o que a referência do valor percentual deveria ser. Entendo que este é 'o mesmo tamanho em todos os navegadores'. Eu também li isso, por exemplo: Porcentagem (%): a unidade de …

138 css  font-size