网页制作让盒子横过来？ 网页设计中如何把盒子靠右？
漂亮的小盒子最最最简单折法
叠小纸盒子简单方法如下：准备一张正方形的纸。将正方形的每个角向中间对折。再将正方形的左右两边向中间对折，折成长方形。将长方形上下两条边向中间对折，又折成一个正方形。将长方形上下两条边向中间对折，又折成一个正方形。将上面左右两边的角向中间立起来，然后用上面的角压住左右两边。
漂亮小盒子的最简单折法如下：准备材料：三张不同颜色的彩纸：用于制作盒子的三个面，增加美观性。基础折痕制作：取一张纸，进行基础的横纵向对折，然后展开。这些折痕将作为后续折叠的参考。制作底部折痕：将纸的一侧边向中线折叠，然后展开；在同一位置再次折叠，但这次不展开，形成第二条折痕。
首先准备三张不同颜色的彩纸。先拿一张纸，做基础横纵向对折。然后再展开。2 把下面一边向中线位置折上来，然后再打开，在刚才折痕处再折一下。然后再打开。3 以刚才第二处折痕的地方，左侧向右侧折，右侧向左侧折。再交叉合并。正面部分向上折。如图。
折小盒子的步骤如下： 将10*10厘米的正方形的折纸，把折纸沿着中线和对角线折叠出米字型的痕迹出来。 把正方形的4个直角，向中间折叠，这样就叠出了一个小的正方形，再把折纸以小正方形的中线为对称，上下折叠，折出长方形。 再把折纸以小正方形的中线为对称，上下折叠，折出长方形，再把折纸展开。
怎样让弹性盒子元素高度不受父元素影响
1、定位布局 原理：将文章内容和底部的按钮都放在一个内容区的盒子里面，给盒子设置最小高度100vh。按钮组设置固定定位到盒子的最底部，子元素相对定位到底部，会盖住父元素底部的一部分内容。
2、将父元素转化为弹性盒。使用flex-direction等属性调整布局 根据需要调整子元素在容器中的排列方式，如横向排列、纵向排列、反转排列等。使用justify-content和align-items调整对齐方式 根据需要调整子元素在主轴和交叉轴上的对齐方式。
3、可以让父元素的高度包含子浮动元素，清除内部浮动（原理：触发父div的BFC属性，使下面的子div都处在父div的同一个BFC区域之内）。去除边距重叠现象，分属于不同的BFC时，可以阻止margin重叠。IFC（行内格式化上下文）IFC基本概念 IFC是行内格式化上下文，用于处理行内元素的布局。
HTML中将图片横排排列的代码怎么写
要将图片在Html中横排排列，可以使用浮动的方法。
样式代码为：navli{background-color：red；padding：8px15px；Float：left；list-style：none；color：#fff；} 引用样式类。在ul标签内添加，就可以让nav下的li标签引用到设置好的样式类。如图：查看效果。把html文件保存后，使用浏览器打开即可看到横向导航菜单效果。
接着，使用jquery编写相应的处理代码：javascript代码：（document）.ready（function（）{ （#thumbs img）.click（function（）{ var bigPicSrc = $（this）.attr（data-big）；（#bigpic-image）.attr（src， bigPicSrc）；（#bigpic）.show（）；}）；}）；这段代码首先确保文档加载完成后执行。
首先，我们打开自己电脑上的网页编辑器，我以DW软件为例。我们新建一个HTML文档。然后我们在HTML的body部分开始写我们的代码。面包屑导航是横排的几个文字和图片的组合。我们可以用ulli，或者dldtdd来实现。因为这两个都可以横着在一行显示。我以dldtdd为例。我们在html页面中写入dl和dd标签。
