规避脱标流

最新推荐文章于 2022-07-01 06:32:58 发布

御裔宸

最新推荐文章于 2022-07-01 06:32:58 发布

阅读量192

点赞数

分类专栏： css知识点文章标签：脱表的规范

本文链接：https://blog.csdn.net/shisjieshoufu/article/details/79310898

版权

css知识点专栏收录该内容

25 篇文章 1 订阅

订阅专栏

 
  <!DOCTYPE html 
  > 
 
  < 
  html 
  > 
 
  < 
  head 
  > 
 
  < 
  meta 
  charset= 
  "utf-8" 
   /> 
 
  < 
  meta 
  http-equiv= 
  "X-UA-Compatible" 
  content= 
  "IE=edge" 
  > 
 
  < 
  title 
  >规避脱标流 
  </ 
  title 
  > 
 
  < 
  meta 
  name= 
  "viewport" 
  content= 
  "width=device-width, initial-scale=1" 
  > 
 
  < 
  link 
  rel= 
  "stylesheet" 
  type= 
  "text/css" 
  media= 
  "screen" 
  href= 
  "main.css" 
   /> 
 
  < 
  script 
  src= 
  "main.js" 
  > 
  < 
  / 
  script 
  > 
 
  < 
  style 
  type= 
  "text/css" 
  > 
 
  .one{ 
 
  width: 
  600px; 
 
  height: 
  400px; 
 
  border: 
  1px 
  solid 
  red; 
 
   } 
 
  .two{ 
 
  width: 
  100px; 
 
  height: 
  100px; 
 
  background-color: 
  green; 
 
  /* float: right; */ 
 
  /* margin-left: auto; 
 
   margin-right: auto; */ 
 
  /* ■使用margin-left| margin-right 取值为auto可以将盒子自动冲到另一边。 */ 
 
  margin: 
  0 
  auto; 
 
   } 
 
  < 
  / 
  style 
  > 
 
  </ 
  head 
  > 
 
  < 
  body 
  > 
 
  <!-- ☞网页布局过程中，能用表流布局就用标准流布局。 
 
   ☞标准流不能解决用浮动 
 
   ☞浮动不能解决用定位 
 
   ■使用margin-left| margin-right 取值为auto可以将盒子自动冲到另一边。 --> 
 
  < 
  div 
  class= 
  "one" 
  > 
 
  < 
  div 
  class= 
  "two" 
  ></ 
  div 
  > 
 
  </ 
  div 
  > 
 
  </ 
  body 
  > 
 
  </ 
  html 
  >