Heim > Web-Frontend > HTML-Tutorial > maigin-left为负数的问题!_html/css_WEB-ITnose

maigin-left为负数的问题!_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:04:36
Original
1345 Leute haben es durchsucht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title>	<style type="text/css">/*并列浮动布局,该类型为固定宽度布局。*/    	body{			margin:0px;			padding-left:180px;			padding-right:240px;			min-width:480px; /*定义浏览器为最小窗口宽度,该值为第2列 第3列宽度和。*/		}		div{			border:1px solid gray;			height:40px;		}		#left{			width:180px;			float:left;			margin-left:-180px;/*设置偏移宽度为左列宽度,注意取值为负数。*/		}		#middle{			width:240px;			float:left;		}		#right{			width:240px;			float:left;			margin-right:-100%;		}    </style></head><body>	<div id="left">左列</div>    <div id="middle">中列</div>    <div id="right">右列</div></body></html>
Nach dem Login kopieren

#left定义:此处为什么要设置偏移宽度为负数呢?默认DIV不是从左边开始的么?


回复讨论(解决方案)

body 中的padding-left=180px,不写的-180px的话,那浏览器不是就看不到从左边开始的吗

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage