Heim >Web-Frontend >HTML-Tutorial >maigin-left为负数的问题！_html/css_WEB-ITnose
maigin-left为负数的问题！_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:04:361319Durchsuche
<!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> #left定义：此处为什么要设置偏移宽度为负数呢？默认DIV不是从左边开始的么？
回复讨论(解决方案)
body 中的padding-left=180px,不写的-180px的话，那浏览器不是就看不到从左边开始的吗
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
Vorheriger Artikel：django + nginx + raspberypi + pidaro_html/css_WEB-ITnoseNächster Artikel：这样的效果怎么写样式_html/css_WEB-ITnose