今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

情况 ：a级盒子下两个div ，一个div高度变化可以控制行内高度变化， 另外一个div高度变化，行内高度无法变化。

原因：查看布局因素， 另外一个div 采用了决定定位，使用边框增加高度是没有办法撑开高度的，而且是只在那一行内使用了。

为什么单独这一行采用这样的布局？

原因：其他两行 使用的 下拉框 右浮动，右浮动在闲置宽，左边一行增多个div后，右浮动被挤下去了！

情况 最上级div设定高度 

一个单选按钮，一个下拉框 改变margin高度 无法改变，上一级div的高度

原因：只有修改上级div高度才能让 ，单选按钮和下拉框设定的高度正常显示。

试验 ： div边框增加撑不起，文字高度撑不起 。。。看来只有上级盒子上设定div高度才行

单选按钮的写法

<input（输入） class="main-radio（单选按钮）-1" type（类型）="radio" name（名字）="r1" id（制定id）="11010">

<label（标签） for（因为）="11010">

 对口箱

</label>

<input> 标签规定了用户可以在其中输入数据的输入字段。

注意: <input> 元素是空的,它只包含标签属性。

"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

如果您在 label 元素内点击文本，就会触发此控件

奇怪地方

如果引用类 ，我这边写的就没了 

不引用类，我这边写的就还在。

下拉选择框的写法

<div class="main-main-box4"> 盒子右浮动 外边距右10px 高度百分百

<select（选择）  class="main-select-1"> 宽度自动 内边距设置显示内容 字颜色 边框 外边距设置高度 

<option（可选择） value（值）="1">查看详情</option>

</select>

</div>

输入框 （左边文字提示 右边文字提示） 写法 

最上层大盒子 css样式 溢出屏幕设置、相对定位无具体位置、背景色、边框 、

<div class="main-mian-box5-mf"> 黑色背景 字体大小 内边距填充 左浮动 

<span style="margin-right: 1rem; margin-left: 1rem">长</span> 文字左右距离和输入框隔开

<input style="width: 5rem" type="text"> 输入框宽度设定 

<span style="margin-right: 1rem; margin-left: 1rem">mm</span>

 </div>

overflow属性指定如果内容溢出一个元素的框，会发生什么。

hidden 内容会被修剪，并且其余内容是不可见的。

只显示指定高宽度内容，就像是照片的裁剪，设定裁剪宽高，把照片的某一个部分剪下来，不出现滚动条

但是没设定高度啊 , 试验 不设定宽高，就是百分百宽高展开 有点像是全选照片所有范围。

.main-mian-box8-mf{

    position: absolute;

    margin-right: 1rem;

    top: 70%; transform: translateY(-50%);

    right: 0;

}

/*Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。

translateY(y) 定义转换，只是用 Y 轴的值 y 轴 高度 。

这里控制高度 有top 和y轴 height100%  不明白为什么设置3个控制高度的设定

如果上面有相对位置 这里设置绝对位置 就不需要布局标签了吧 直接写距离就行

重点布局写法 如果要达到右浮动到的效果 使用绝对定位 数据位置值 right： 0 */

明天计划的事情：（一定要写非常细致的内容）

1.完善任务10其他部分 

遇到的问题：（遇到什么困难，怎么解决的）

1.还好 又想不出来的可以参考别人代码 就是记不住标签读起来比较费劲 啥时候能达到见签无码的境界啊 真难 

2.进度很慢 css好像拖着做了快两个月了 

3.学习状态各种崩就不说了 

收获：（通过今天的学习，学到了什么知识）

输入 input 

1.单选按钮 iadio label 

2.下拉框 select option 

3.输入框 input  text 

4.布局不同高度思路见识 a ：最上面div设定高度 b：盒子中 一个div设定高度可撑起，1个div设定高度没有用