CSS如何实现 左边按钮 右边显示连接页面

html-css027

CSS如何实现 左边按钮 右边显示连接页面,第1张

左边可以是任意HTML，右边用框架，并设置名称：

如：

<div id="left">

<a href="a.html" target="mainframe">查看</a>

</div>

<div id="right">

<iframe name="mainframe" id="mainframe"></iframe></div>

最简单的方法如上。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：button {display: inline-block}。

3、浏览器运行index.html页面，此时2个按钮水平对齐了。

两种解决方案：

按照百分比来做(此方案不做详细描述)

固定两侧中间为100% 然后用margin减去左右两侧的

<div style="width:100% margin:0 auto"> 

       <div style="width:50px float:left">

<input type="button" value="left" style="width:100%"/>

   </div>

   <div style="width:50px float:right">

<input type="button" value="right" style="width:100%"/>

   </div>

       <div style="margin:0 50px 0 50px">

<input type="button" value="center" style="width:100%"/>

   </div>

    </div>