CSS--Layout

clear:

The value of this attribute indicates that no floatingobjects are allowed's edge.

Default value: none

##noneleftrightboth

##Value	Description
Allow floating objects on both sides
No floating objects allowed on the left
No floating objects allowed on the right
No floating objects are allowed on either side

float:

The value of this property indicates how the object floats.

Default value: none

ValueDescription##noneThe object does not floatleftText flows to the right side of the objectrightText flows to the right side of the objectExample:

Example

    <p>
        天津
    </p>
    <p>
        计算机
    </p>

    <style>
        p
        {
        	border:dashed 1px black;
        	width:150px;
        	height:70px;
        	scrollbar-track-color :ThreedDarkShadow;
        }
    </style>

Effect

clip:

Retrieve or set the

visual area

of the object. The part outside the visual area is transparent.

position

The value of the attribute is absolute, and this attribute can be used.

Syntax:

auto | rect(num,num,num,num)

Default value: auto

Note:

The position attribute of the element must be absolute. The calculated coordinates of clip cropping are calculated starting from the upper left corner, that is, the (0,0) point

ValuenoneThe object has no clipping.rect(num num num num)Based on the above -The order of right-bottom-left provides four offset values ​​calculated from the (0,0) coordinates of the upper left corner of the object. Any one of these values ​​​​can be replaced by auto, that is, this edge will not be cut. Example:

Description

Example

    <img  src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" alt="CSS--Layout" >
    <img  src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" alt="CSS--Layout" >

Effect

The above is the detailed content of CSS--Layout. For more information, please follow other related articles on the PHP Chinese website!