Cascading Style Sheets, o CSS, fornitori di molti modi per formattare elementi HTML. Ad esempio, è possibile applicare taglie o colori dei caratteri o aggiungere bordi, immagini di sfondo e altri elementi. La proprietà "clear" è quella che consente di controllare come testo, immagini, liste e altri oggetti si posizioneranno intorno al vostro oggetto. Questa proprietà non ha esattamente una proprietà opposta. Tuttavia, la proprietà "float" ha una funzione di contrasto.

Cancella Proprietà

In CSS, uno strumento che si applica stili di elementi HTML, è possibile utilizzare la proprietà "chiaro" per dettare come elementi si potranno posizionarsi in relazione ad un elemento specifico. Ad esempio, se si imposta il valore della proprietà di "sinistra", quindi apparirà il vostro elemento su una nuova linea in modo che non vi siano elementi a sinistra di esso. In altre parole, la sinistra rimane chiaro. Se si imposta il valore della proprietà di appariranno "giusti", poi tutti gli oggetti a destra del vostro elemento stessi su una nuova linea per cancellare lo spazio a destra.

Galleggiante

La proprietà float sposta un elemento specifico a sinistra oa destra della pagina quando si assegna il valore di "sinistra" o "destra". In aggiunta a questo, oggetti accanto al vostro elemento si muoverà per riempire l'area aperta che viene creato spostando l'elemento originale. Ad esempio, è possibile spostare un'immagine o un elenco a lato della pagina con "galleggiare" e posizionare il resto del testo della pagina intorno ad esso, piuttosto che mettere l'immagine su una riga come sembrerebbe per impostazione predefinita.

Float e Clear

Float e chiaro sono spesso utilizzati insieme, se non si desidera che tutti gli elementi intorno alla vostra oggetto, ad esempio un'immagine, per passare alla destra o sinistra della pagina. Ad esempio, se si fa galleggiare l'immagine a sinistra, si dovrebbe cancellare il diritto di esso per contrastare le proprietà float. Utilizzare la seguente sintassi:

<Img src = "URL immagine" style = "float: left; chiaro: a destra" />

Si potrebbe abbinare un galleggiante a destra con una chiara sinistra per mantenere lo spazio per circonda l'immagine galleggiava chiaro.

considerazioni

È possibile utilizzare la proprietà "chiaro" per ripristinare una pagina Web dopo aver in precedenza utilizzare la proprietà "float". Un modo per ripristinare la pagina è quello di creare un elemento che è alto 1-pixel e impostare il valore di "chiaro" per "entrambi". Questo cancellerà tutti gli elementi dalla destra di sinistra del vostro elemento 1-pixel come nel seguente esempio:

<Div style = "height: 1px; clear: both;"> </ div>

Non vedrete il layer div perché non contiene dati, ma tutti gli elementi precedenti "float" prima del reset non influenzerà elementi dopo il reset.