div左右布局
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><!--左侧--><div><buttontype="button"onclick="javascript:alert('test')">右侧按钮1</button></div><!--右侧--><div><div></div></div></body></html>
该方式可以正常实现左右布局,但存在一个问题:由于采用浮动叠加方式,导致左侧div中的button无法点击。
解决办法:浮动元素添加position属性(如relative,absolute等)
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><!--左侧--><div><buttontype="button"onclick="javascript:alert('test')">右侧按钮1</button></div><!--右侧--><div><div></div></div></body></html>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。