黑马程序员技术交流社区

标题: 技术 [打印本页]

作者: 转角余晖 时间: 2017-12-4 16:09
标题: 技术
本帖最后由转角余晖于 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)

作者: 奥斯托洛夫斯基 时间: 2017-12-8 15:22

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2