A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 转角余晖 初级黑马   /  2017-12-4 16:09  /  803 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 转角余晖 于 2017-12-4 16:18 编辑

Java web 框的定位

       在java web中定位框的位置一直是一个难点,很多难以理解其具体的使用规则,在这里我就分享一下我自己理解的三种定位方法,讲的不好,或哪有错,请大家多谅解:
1:从最外边框定位

       列如:我们的注册表需要写在框中,这个框的位置怎么放,才能更美观,看起来更舒服,放中间还是最好的.
       <div style="position:absolute;top:200px;left: 300px;border: 5px solid red;width: 400px;height: 300px;background-color: #FFFFFF;">
       其中:position:absolute;指得位置,就是总的大边框中,这个框的位置,需要根据大边框调节具体位置,这时只要确定上边和左边位置,再直接确定框的属性就行了.



2:离这个框最近的框确定位置

          注册的这个框,是套在另一个框中的,这时我们也可以根据这个框来确定我们注册框的位置
          <div style="padding-top: 100px;padding-left: 100px;">
          直接使用padding内边框距离来确定框的大小,直接定义注册框距离外边框的距离就行了.实用性更方便,也更好调节.这是定位的,不能表示框,或者直接写入大框就行.
<div style="border: 1px solid blue;width: 99%;height:450px;padding-top:50px;height:100px">


3:根据框自生定位
      先书写自己需要的什么样的框,将框的属性先定义好,定义在嵌套的框内,然后使用外边距来定义框的位置,这种也很方便,使用更随手,我个人认为这种更好一点
      <div style="border: 1px solid yellow;width:300px;height: 200px;margin-top: 50px;height:100px;">




图片3.png (8.66 KB, 下载次数: 3)

图片3.png

1 个回复

倒序浏览
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马