Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > Some tips on using float attributes_html/css_WEB-ITnose

Some tips on using float attributes_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:52:26

Original

1294 people have browsed it

html:<div class="leftdiv"><ul class="link">     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li>     <li></li></ul></div>css:.leftdiv{width:260px;}.link  li{    float: left;    margin-right: 4px;    margin-top: 4px;    width:118px;}

Copy after login

Cause: If the containing block is too narrow to accommodate horizontally arranged floating elements, then the other floating blocks move down until there are Space place.

Related labels：

使用float属性的一些小技巧

source：php.cn

Previous article：Xiaomi Mall Responsive Learning_html/css_WEB-ITnose Next article：Details of CSS Specificity: Calculation and Understanding of CSS Style Weights (CSS Style Override Rules)_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author