Heim >Web-Frontend >HTML-Tutorial >css 清除浮动的两种常用方式_html/css_WEB-ITnose

css 清除浮动的两种常用方式_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 08:57:241097Durchsuche

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .box1{            background-color: #006486;            float: left;        }        /*清除浮动        .p{            clear: both;        }        */                .p{            width: 100%;            overflow: hidden;        }    </style></head><body>    <div>dfafa</div>    <p>pppppdsfafaf</p>    <div>dsfafa</div></body></html>

float:影响的元素是其紧邻的元素,清除浮动在其紧邻受影响的元素清除即可

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn