Como usar o atributo clear para controlar o layout da página para html5 e css3 programação

Video: CSS3 - Aula 01 - Inserindo CSS na página HTML

Deve haver alguma maneira de fazer o direito formulário de trabalho, independentemente da largura do recipiente. CSSS3 fornece exatamente um mecanismo de tal forma que é fácil trabalhar com ao projetar suas páginas HTML5.

o Claro atributo é utilizado em elementos com um flutuador atributo. o Claro atributo pode ser definido para esquerda, certo, ou ambos. Definir o Claro atribuir a esquerda significa que você não quer nada à esquerda deste elemento. Em outras palavras, o elemento deve estar na margem esquerda do seu recipiente. Cada etiqueta deve começar sua própria linha, para definir a sua Claro atribuir a esquerda.

Para forçar o botão para sua própria linha, defina sua Claro atribuir a ambos. Isto significa que o botão não deve ter elementos para a esquerda ou para a direita. Ele deve ocupar uma linha própria.

Se você quer um elemento para iniciar uma nova linha, defina a sua flutuador e Claro atribui a esquerda. Se você quer um elemento para estar em uma linha só, definir flutuador para esquerda e Claro para ambos.

usando o Claro atributo permite que você tenha um recipiente flexível de largura e ainda manter o controle razoável do design do formulário. O formulário pode ser a mesma largura da página e ainda funcionar corretamente. Esta versão funciona, não importa a largura da página.

Aqui está o código CSS final, incluindo Claro atributos nos rótulos e botão:

Video: HTML5 and CSS3 Beginner Tutorial 21 - Float and Clear

/ * Arquivo floatForm.cssCSS para ir com formDemonstrates flutuador uso de float, largura, a margem, e claro * / fieldset {background-color: # AAAAFF-} label {clear: left; float: left; width: 5em-text-align : right; margin-right: .5em-} entrada {float: left; background-color: # CCCCFF-} botão {float: left; clear: both-margem esquerda: 7em-margin-top: 1em-background-color : # 0000CC-color: # FFFFFF-}